js父子頁面相互呼叫變數及方法

2021-08-10 05:23:08 字數 921 閱讀 2115

原文:

(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 為 標籤 id; ibtnok 為子頁面按鈕 id

2. 父頁面呼叫子頁面方法:

格式:$("#iframe的id")[0].contentwindow.iframe方法(); 

例項:$("#ifm")[0].contentwindow().iclick(); // ifm 為 標籤 id; iclick為子頁面 js 方法

iFrame父子頁面相互呼叫

子頁面 父頁面 parent.aparent.getb id window.parent.document id為父頁面元素 jq btnok parent.document click window.parent.document.getelementbyid id window.parent.d...

父子頁面相互呼叫總結

一般情況下,我們可以使用iframe window的open showmodaldialog showmodelessdialog方法這四種方式開啟乙個子視窗。showmodaldialog showmodelessdialog是ie獨有的。下面分這四種方式來討論如何父子頁面互相呼叫。在這種情況下,...

iframe父子頁面相互呼叫方法,相互獲取元素

父頁面獲取子頁面 var childwin document.getelementbyid setiframe contentwindow 獲取子頁面視窗物件 childwin.sendsetdata 呼叫子頁面方法 子頁面獲取父頁面並呼叫父頁面的方法 var parinp window.paren...