快捷導(dǎo)航

js中top/parent/frame概述及案例應(yīng)用

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

top:永遠(yuǎn)指分割窗口最高層次的瀏覽器窗口;parent:包含當(dāng)前分割窗口的父窗口,本文將圍繞js中top、parent、frame進(jìn)行講述及他們的應(yīng)用案例

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

parent：
該變量指的是包含當(dāng)前分割窗口的父窗口。如果在一個(gè)窗口內(nèi)有分割窗口，而在其中一個(gè)分割窗口中又包含著分割窗口，則第2層的分割窗口可以用parent變量引用包含它的父分割窗口。
附：Window對(duì)象、Parent對(duì)象、Frame對(duì)象、Document對(duì)象和Form對(duì)象的階層關(guān)系

Windwo對(duì)象→Parent對(duì)象→Frame對(duì)象→Document對(duì)象→Form對(duì)象，如下：
parent.frame1.document.forms[0].elements[0].value;
在JS中：window.location(window.location.href)和window.top.location(window.top.location.href)是一樣的意思可以通過(guò)top來(lái)調(diào)用任何一個(gè)frame,因?yàn)閠op指的是最外層的frameset，可以調(diào)用它里面的任何一個(gè)子元素frame。如：top.outterFrame1.location和top.innerFrame2.location等。

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

復(fù)制代碼代碼如下:

 
<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> 