iFrame父子頁面相互呼叫

2021-08-09 20:18:37 字數 2111 閱讀 4237

子頁面–>父頁面

parent.a
parent.getb()
$(

'#id', window.parent.document) // #id為父頁面元素(jq)

$('#btnok', parent.document).click();

window.parent.document.getelementbyid("#id");

window.parent.document.getelementbyid("btnok").click();

父頁面–>子頁面

$("#childframe").contentwindow.a;

document.getelementbyid("childframe").contentwindow

.a;

$("#childframe").contentwindow

.a();

document.getelementbyid("childframe").contentwindow

.a();

$("#iframe中的控鍵id",document.frames("framename").document).click();

$("#btnok",document.frames("ifm").document).click();

$("#iframe的id").contents().find("#iframe中的控制項id").click();

$("#ifm").contents().find("#btnok").click();

window.frames["iframe的name值"].document

.getelementbyid("iframe中控制項的id").click();

window.frames["ifm"].document

.getelementbyid("btnok").click();

var obj=document.getelementbyid("iframe的name").contentwindow

;var ifmobj=obj.document

.getelementbyid("iframe中控制項的id");

ifmobj.click();

注:在本地測試的時候,出現如下錯誤:

childpage.html:10 uncaught domexception: blocked a frame with origin "null" from accessing a cross-origin frame.

at btnclick (file://

/c:/users/hellosnowyy/desktop/%e6

%96%b0

%e5%bb

%ba%e6

%96%87

%e4%bb

%b6%e5

%a4%b9

%20(2)/childpage.html:10:24)

at htmlinputelement.onclick (file://

/c:/users/hellosnowyy/desktop/%e6

%96%b0

%e5%bb

%ba%e6

%96%87

%e4%bb

%b6%e5

%a4%b9

%20(2)/childpage.html:18:68)

原因:跨頁面操作涉及域的概念(origin),錯誤的意思是:未捕獲的安全錯誤:阻止了乙個域為null的frame頁面訪問另乙個域為null的頁面。**執行時在本地直接用瀏覽器開啟的,位址列是file:///的頁面,只需改為localhost訪問就行(搭建本地伺服器或者使用webstorm)。

參考文件:

uncaught domexception: blocked a frame with origin 「null」 from accessing a cross-origin frame.

js/jquery獲取iframe中的元素 在iframe中獲取父窗體的元素方法

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

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

父子頁面相互呼叫總結

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

iframe的父頁面 子頁面相互呼叫

最近程式設計時涉及到iframe的父頁面與子頁面相互呼叫的問題,以前每回都是先去查詢,這回自己記錄下來以後方便查詢。一 父頁面呼叫子頁面方法 1.id frames iframename document test id 指的是子頁面的id iframename iframe的name test 給...