js中top/parent/frame概述及案例應用

更新時間：2013年02月06日 11:43:35 作者：

top:永遠指分割窗口最高層次的瀏覽器窗口;parent:包含當前分割窗口的父窗口,本文將圍繞js中top、parent、frame進行講述及他們的應用案例

引用方法top：
該變量永遠指分割窗口最高層次的瀏覽器窗口。如果計劃從分割窗口的最高層次開始執(zhí)行命令，就可以用top變量。

parent：
該變量指的是包含當前分割窗口的父窗口。如果在一個窗口內(nèi)有分割窗口，而在其中一個分割窗口中又包含著分割窗口，則第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來調(diào)用任何一個frame,因為top指的是最外層的frameset，可以調(diào)用它里面的任何一個子元素frame。如：top.outterFrame1.location和top.innerFrame2.location等。

parent指的是當前窗口（frame）的父窗口(frameset)可以調(diào)用它里面的任何一個子元素frame。如：parent.innerFrame1.location和parent.innerFrame2.location等。

復制代碼代碼如下:

 
<html> 
<head> 
<title>top frame parent示例</title> 
<script language="javaScript" type="text/javaScript"> 
window.location.; 
</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> 