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