js中子頁面父頁面方法 變量相互調用（轉）

 原文：https://www.cnblogs.com/huangshuqiang/p/5734358.html

 

（1）子頁面調用父頁面的方法或者變量：

window.parent.方法()或者變量名
window.parent相當於定位到父頁面  之后的操作和在父頁面中寫代碼一樣寫

window.parent.aa();//調取aa函數
window.parent.bb;//調取bb變量

例如：想在子頁面中得到id為aaa的文本框的值

window.parent.$("#aaa").val();//這種寫法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的寫法

（2）父頁面調取子頁面

主要是通過contentWindow定位到子頁面

document.getElementById("childframe").contentWindow.childtest();
//調取子頁面中的childtest方法   js的寫法
1. 父頁面獲取子頁面元素：（jquery寫法）

    格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 

    實例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 為 <iframe> 標簽 id; iBtnOk 為子頁面按鈕 id

 

2. 父頁面調用子頁面方法：

    格式：$("#iframe的ID")[0].contentWindow.iframe方法(); 

    實例：$("#ifm")[0].contentWindow().iClick(); // ifm 為 <iframe> 標簽 id; iClick為子頁面 js 方法