同域下iframe父頁面和子頁面呼叫

2022-08-27 01:54:09 字數 487 閱讀 2402

我在頁面中使用iframe標籤,有的時候就需要兩個頁面互動

在父頁面中獲取子頁面內容:

var framewin = document.getelementsbytagname('iframe')[0].contentwindow;//

獲取iframe視窗

var framewinfrom = $(framewin.document).find('#userfrom');//

子頁面的元素

在子頁面中獲取父頁面:

var parentwin = window.parent;//

父視窗var $parentdoc = $(parentwin.document);//

父頁面var $parentbody = $parentdoc.find('body');

var value = $parentbody.find('#user');//

父頁面的元素

iframe子頁面操作父頁面

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法,現在...

iframe 跨域 父頁面向子頁面傳值

今天碰到乙個需求,是不同域的兩個頁面之間傳值 在網上找了一下,一般有兩個解決方案,乙個是建立乙個 頁面,通過 頁面傳值,另乙個方法是通過h5的postmessage方法傳值,今天用的是第二種。var iframe document.getelementbyid onemap var msg var ...

子頁面iframe跨域執行父頁面定義的JS方法

問題需求 父頁面與子頁面iframe跨域巢狀,子頁面要觸發父頁面所定義的js方法 父子頁面的資料傳遞。下文中會用到一些檔案 父頁面 parent.html 嵌在父頁面的子iframe頁面 child.html。同域時 iframe 呼叫父頁面的js方法 在同域的情況下,子iframe頁面可以很方便地...