父元素與子iframe相互獲取變量和元素對(duì)象的具體實(shí)現(xiàn)
更新時(shí)間：2013年10月15日 17:07:01 作者：
父元素與子iframe相互獲取變量和元素對(duì)象的方法有很多,本文提供了一些不錯(cuò)的示例另收集網(wǎng)上的一些，可以參考下
父中:
<input id="username"type="text" />
<scripttype="text/javascript">
var count = 1;
</script>
-------------------------------------------------------------
子iframe中:
<scripttype="text/javascript">
alert(window.parent.count); //獲取父中的js變量
alert($("#username", window.parent.document));//獲取父中jQuery對(duì)象
alert(window.parent.document.getElementByIdx_x('username'));//獲取父中DOM對(duì)象
</script>
--------------------------------------------------------------------------------------------------
子iframe中（id="iframeId"name="iframeName"）:
<input id="username"type="text" />
<scripttype="text/javascript">
varcount = 1;
</script>
-------------------------------------------------------------
父中:
<scripttype="text/javascript">
alert(document.iframeName.count);//獲取子iframe中的js變量
alert($(window.frames["iframeName"].document).contents().find("#username"));//獲取子iframe中jQuery對(duì)象
alert($("#username",document.frames("iframeName").document));//獲取子iframe中jQuery對(duì)象
alert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username'));//獲取子iframe中DOM對(duì)象
</script>
收集網(wǎng)上的一些示例：
用jQuery在IFRAME里取得父窗口的某個(gè)元素的值
只好用DOM方法與jquery方法結(jié)合的方式實(shí)現(xiàn)了
1. 在父窗口中操作 選中IFRAME中的所有單選鈕
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
2. 在IFRAME中操作 選中父窗口中的所有單選鈕
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想獲得IFrame中的Iframe，就再加一個(gè)frames子級(jí)就行了，如：
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
3.在子窗口中調(diào)用父窗口中的另一個(gè)子窗口的方法(FRAME)：
parent.frames["Main"].Fun();
注意：建議使用[]，這樣比較兼容多個(gè)瀏覽器，()火狐/搜狗/谷歌不兼容。
復(fù)制代碼 代碼如下:
<input id="username"type="text" />
<scripttype="text/javascript">
var count = 1;
</script>
-------------------------------------------------------------
子iframe中:
復(fù)制代碼 代碼如下:
<scripttype="text/javascript">
alert(window.parent.count); //獲取父中的js變量
alert($("#username", window.parent.document));//獲取父中jQuery對(duì)象
alert(window.parent.document.getElementByIdx_x('username'));//獲取父中DOM對(duì)象
</script>
--------------------------------------------------------------------------------------------------
子iframe中（id="iframeId"name="iframeName"）:
復(fù)制代碼 代碼如下:
<input id="username"type="text" />
<scripttype="text/javascript">
varcount = 1;
</script>
-------------------------------------------------------------
父中:
復(fù)制代碼 代碼如下:
<scripttype="text/javascript">
alert(document.iframeName.count);//獲取子iframe中的js變量
alert($(window.frames["iframeName"].document).contents().find("#username"));//獲取子iframe中jQuery對(duì)象
alert($("#username",document.frames("iframeName").document));//獲取子iframe中jQuery對(duì)象
alert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username'));//獲取子iframe中DOM對(duì)象
</script>
收集網(wǎng)上的一些示例：
用jQuery在IFRAME里取得父窗口的某個(gè)元素的值
只好用DOM方法與jquery方法結(jié)合的方式實(shí)現(xiàn)了
1. 在父窗口中操作 選中IFRAME中的所有單選鈕
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
2. 在IFRAME中操作 選中父窗口中的所有單選鈕
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想獲得IFrame中的Iframe，就再加一個(gè)frames子級(jí)就行了，如：
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
3.在子窗口中調(diào)用父窗口中的另一個(gè)子窗口的方法(FRAME)：
parent.frames["Main"].Fun();
注意：建議使用[]，這樣比較兼容多個(gè)瀏覽器，()火狐/搜狗/谷歌不兼容。
相關(guān)文章
cocos2dx+lua實(shí)現(xiàn)橡皮擦功能
這篇文章主要為大家詳細(xì)介紹了cocos2dx+lua實(shí)現(xiàn)橡皮擦功能，類似刮刮樂(lè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
本篇文章主要介紹了js中定時(shí)器的使用方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08
JS 日期與時(shí)間戮相互轉(zhuǎn)化的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS 日期與時(shí)間戮相互轉(zhuǎn)化的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
iframe子父頁(yè)面調(diào)用js函數(shù)示例
iframe子頁(yè)面調(diào)用父頁(yè)面js函數(shù)及iframe父頁(yè)面調(diào)用子頁(yè)面js函數(shù)在實(shí)際項(xiàng)目中都是很實(shí)用的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以了解下2013-11-11
JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了javascript使用removeChild()操作頁(yè)面dom節(jié)點(diǎn)刪除功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04
elementUI?Table?自定義表頭動(dòng)態(tài)數(shù)據(jù)及插槽的操作
本文介紹了如何實(shí)現(xiàn)一個(gè)高度自定義的列表界面,其中表格的表頭由后端返回,并且允許用戶根據(jù)需求自定義表頭和數(shù)據(jù)展示樣式,本文給大家介紹elementUI?Table?自定義表頭動(dòng)態(tài)數(shù)據(jù)及插槽的操作,感興趣的朋友跟隨小編一起看看吧2024-10-10
這篇文章主要介紹了簡(jiǎn)單了解JS打開(kāi)url的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了js選項(xiàng)卡的實(shí)現(xiàn)方法,實(shí)例分析了js選項(xiàng)卡的實(shí)現(xiàn)思路及html+css布局與js功能技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)
今天小編就為大家分享一篇layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09