1. 程式人生 > >js中子頁面獲取父頁面引數,子頁面呼叫父頁面方法(一般在iframe頁面用的比較多)

js中子頁面獲取父頁面引數,子頁面呼叫父頁面方法(一般在iframe頁面用的比較多)

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 方法

3.幾點說明

(2)在iframe載入頁面時,父頁面路徑攜帶引數,可以在父頁面中用一個引數取到該引數,然後再在子頁面中獲取即可