父元素與子iframe相互取得變數與元素物件的具體實作_javascript技巧

父中:

複製程式碼 程式碼如下:

var count = 1;

--------- -------------------------------------------------- --
子iframe中:

複製程式碼 程式碼如下:

程式碼如下:



alert(window.parent.count); //取得父中的js變數

alert($("#username", window.parent.document));//取得父中jQuery物件
alert(window.parent.document.getElementByIdx_x('username'));//取得父中DOM物件

----- -------------------------------------------------- ------------------------------------------- 子在iframe（id="iframeId"name="iframeName"）:

複製程式碼

程式碼如下:

程式碼如下:

程式碼如下: 代碼如下:

varcount = 1;

------------------------------------------------ -------------
父中:

複製程式碼
程式碼如下:



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



收集網上的一些範例： 用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(); 注意：建議使用[]，這樣比較相容於多個瀏覽器，()火狐/搜狗/Google不相容。