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