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ì)劃從分割窗口的最高層次開始執(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)是一樣的意思 可以通過top來調(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等。
<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>
該變量永遠(yuǎn)指分割窗口最高層次的瀏覽器窗口。如果計(jì)劃從分割窗口的最高層次開始執(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)是一樣的意思 可以通過top來調(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>
您可能感興趣的文章:
- JS獲取scrollHeight問題想到的標(biāo)準(zhǔn)問題
- js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說明版
- js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差別介紹
- js獲取height和width的方法說明
- 利用JS解決ie6不支持max-width,max-height問題的方法
- js中的preventDefault與stopPropagation詳解
- js中top的作用深入剖析
- window.top[_CACHE]實(shí)現(xiàn)多個(gè)jsp頁面共享一個(gè)js對(duì)象
- JS獲取iframe中marginHeight和marginWidth屬性的方法
- JS中完美兼容各大瀏覽器的scrolltop方法
- js中不同的height, top的區(qū)別對(duì)比
相關(guān)文章
對(duì)Js OOP編程 創(chuàng)建對(duì)象的一些全面理解
下面小編就為大家?guī)硪黄獙?duì)Js OOP編程 創(chuàng)建對(duì)象的一些全面理解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
html文檔中的location對(duì)象屬性理解及常見的用法
location對(duì)象中涵蓋了當(dāng)前頁面（本頁面）或者更直接的說是當(dāng)前加載的這個(gè)html文檔的url信息，可以通過window.location老訪問2014-08-08
使用HTML+CSS+JS制作簡(jiǎn)單的網(wǎng)頁菜單界面
這篇文章主要介紹了使用HTML+CSS+JS制作簡(jiǎn)單的網(wǎng)頁菜單界面,這個(gè)ABROAD項(xiàng)目所使用的JavaScript部分代碼非常簡(jiǎn)單,需要的朋友可以參考下2015-07-07
JavaScript數(shù)據(jù)類型轉(zhuǎn)換
本文詳細(xì)講解了JavaScript實(shí)現(xiàn)數(shù)據(jù)類型轉(zhuǎn)換的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
本文主要從前端開發(fā)者的角度談一談大多數(shù)前端開發(fā)者都會(huì)遇到的js錯(cuò)誤，對(duì)錯(cuò)誤產(chǎn)生的原因、發(fā)生階段，以及如何應(yīng)對(duì)錯(cuò)誤進(jìn)行分析、歸納和總結(jié)，希望得到一些有益的結(jié)論用來指導(dǎo)日常開發(fā)工作。2019-08-08
Javascript入門學(xué)習(xí)資料收集整理篇
為大家更好的接觸和學(xué)習(xí)js資料，所以我轉(zhuǎn)了這篇文章，我大約的看了下，文章寫的非常不錯(cuò)，希望大家不要急，慢慢看，第一次看不懂不要緊，多練習(xí)就可以了2008-07-07
簡(jiǎn)介JavaScript中substring()方法的使用
這篇文章主要介紹了簡(jiǎn)介JavaScript中substring()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
JavaScript 學(xué)習(xí)筆記（九）call和apply方法
兩者實(shí)現(xiàn)的功能是完全一樣的，只是參數(shù)傳遞方式不一樣，call是將各個(gè)參數(shù)以逗號(hào)（,）隔開，而apply是將所有參數(shù)組成一個(gè)數(shù)組進(jìn)行傳遞。2010-01-01
這篇文章主要介紹了HTML form表單提交方法案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
這篇文章主要介紹了JS瀏覽器儲(chǔ)存，對(duì)存儲(chǔ)數(shù)據(jù)感興趣的同學(xué)，可以參考下2021-05-05