iframe 巢狀頁面怎麼通訊

2021-09-22 02:45:40 字數 456 閱讀 7420

iframe 巢狀頁面怎麼通訊

html

js 調取子頁面的方法

document.getelementbyid("ifrlink").contentwindow.qurelistclass();  //調取子頁面的方法   qurelistclass為子頁面的方法

$('#ifrlink').attr('src', "text.html"); //重新整理子頁面"text.html為子頁面

js 調取父頁面的方法

parent.modal();   //modal為父頁面的乙個方法,注意這個函式不要放到頁面載入完成事件裡面
親測本地執行的時候火狐瀏覽器正常,但是使用谷歌瀏覽器會報錯報跨域的問題,主要是因為是本地執行的,放到伺服器上就沒有這個問題了

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

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

h5 iframe巢狀頁面 iframe特性全解讀

在平時的開發中,或多或少會用到iframe,大部分時候我們只需要簡單的使用iframe標籤,設定個寬高即可,很少回去深究iframe的別的特性。比如這種用法 但直到產品經理要求說,iframe嵌入的頁面可不可以讓主頁面的url位址發生變化呀?好吧,一下子懵圈了,我得去查查資料,於是索性就深究深究if...

iframe之父子頁面通訊

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