js,iframe 父子頁面通訊

2021-08-22 01:16:38 字數 253 閱讀 1930

父頁面呼叫子頁面方法:framename.window.childmethod();

子頁面呼叫父頁面方法:parent.window.parentmethod();

其中framename為iframe的name。  childmethod();為定義在iframe頁面中的js方法。

parentmethod();為定義在iframe的上級視窗的方法。子頁面通過parent.window獲取上級頁面的window物件。

參考文獻:

父子頁面跨域通訊

該window.postmessage 方法安全地啟用window物件之間的跨源通訊 例如,在頁面和它產生的彈出視窗之間,或者在頁面和嵌入其中的iframe之間。targetwindow.postmessage message,targetorigin,transfer 要傳送到其他視窗的資料。使用...

iframe之父子頁面通訊

iframe之父子頁面通訊 1 獲取 子頁面 的 window 物件 在父頁面中,存在如下兩個物件 window.frames document.iframeelement.contentwindow 可以獲取到 子頁面 window 物件 iframe id document.getelement...

iframe巢狀頁面中的父子頁面通訊

同域 獲取標籤 parent.document.getelementbyid parentid 和 window.frames subiframe contentdocument.getelementbyid subdiv 獲取引數 引數需為所在頁面的全域性引數 parent.parentparam...