標籤：style blog http java color strong
top:永遠指分割視窗最高層次的瀏覽器視窗;parent:包含當前分割視窗的父視窗,本文將圍繞js中top、parent、frame進行講述及他們的應用案例
引用方法top：
該變數永遠指分割視窗最高層次的瀏覽器視窗。如果計劃從分割視窗的最高層次開始執行命令，就可以用top變數。
parent：
該變數指的是包含當前分割視窗的父視窗。如果在一個視窗內有分割視窗，而在其中一個分割視窗中又包含著分割視窗，則第2層的分割視窗可以用parent變數引用包含它的父分割視窗。
附：Window對象、Parent對象、Frame對象、Document對象和Form對象的階層關係
Windwo對象→Parent對象→Frame對象→Document對象→Form對象，如下：
parent.frame1.document.forms[0].elements[0].value;
在JS中：window.location(window.location.href)和window.top.location(window.top.location.href)是一樣的意思 可以通過top來調用任何一個frame,因為top指的是最外層的frameset，可以調用它裡面的任何一個子項目frame。如：top.outterFrame1.location和top.innerFrame2.location等。
parent指的是當前視窗（frame）的父視窗(frameset)可以調用它裡面的任何一個子項目frame。如：parent.innerFrame1.location和parent.innerFrame2.location等。
<html><head><title>top frame parent樣本</title><script language="javaScript" type="text/javaScript">window.location.href="http://www.baidu.com/";</script></head><frameset id="outFrameset" rows="150,*,150" cols="*" border="5"><frame name="frameName1" id="frameId1" src="a.html"><frameset id="inFrameset" cols="150,*" rows="*"><frame name="innerFrameName1" id="innerFrameId1" src="a.html"><frame name="innerFrameName2" id="innerFrameId2" src="a.html"></frameset><frame name="frameName2" id="frameId2" src="a.html"></frameset></html>View Code
自己的一個範例程式碼（許可權top,left,right頁面，在top視窗的頁面中擷取一個串連地址，讓left視窗去請求這個地址，並將響應回來的頁面，顯示在left視窗中）的一個jsp代碼
1 //當top頁面載入完後，left頁面自動顯示top第一個一級菜單下的擁有的二級菜單 2 $(document).ready(function(){ 3 //擷取遍曆出來的第一個超連結的對象 4 var firstA=$("#turnto1"); 5 var ahref=firstA.attr("href"); 6 //當top頁面載入完畢後，left頁面自動發送第一個遍曆出來的一級菜單的串連地址。 7 parent.leftFrame.location.href=ahref; 8 9 });10 </script>11 </head>12 13 <body style="background:url(<%=request.getContextPath() %>/master/images/topbg.gif) repeat-x;">14 15 <div class="topleft">16 <a href="<%=request.getContextPath() %>/master/main.jsp" target="_parent"><img src="<%=request.getContextPath() %>/master/images/logo.png" title="系統首頁" /></a>17 </div>18 19 <ul class="nav">20 21 22 23 <c:forEach items="${list }" var="powers" varStatus="vars">24 25 <li><a href=‘<%=request.getContextPath() %>${powers.sysPowerUrl }=${powers.sysPowerId}‘ id="turnto${vars.count }" target="leftFrame" class="selected"><img src="<%=request.getContextPath() %>/master/images/icon01.png" title="${powers.sysPowerName }" /><h2>${powers.sysPowerName }</h2></a></li>26 27 </c:forEach>28 29 30 </ul>View Code
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
