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

2021-10-06 19:30:16 字數 562 閱讀 2234

同域:

獲取標籤: parent.document.getelementbyid(

"parentid"

); 和 window.frames[

"subiframe"

].contentdocument.getelementbyid(

"subdiv");

獲取引數(引數需為所在頁面的全域性引數): parent.parentparam; 和 window.frames[

"subiframe"

].contentwindow.subparam;

呼叫方法(方法需為所在頁面的全域性方法): parent.parentfunc(

); 和 window.frames[

"subiframe"

].contentwindow.subfunc();

跨域傳參:

父->子:在子iframe標籤 src屬性後 加 data字串,用於傳參。如 src=

""子->父:通過將乙個與父頁同域的**iframe嵌入到子iframe中 實現傳參。

避免在iframe中巢狀登陸頁面

通常在後台管理端,我們會使用iframe結構來顯示設定的頁面內容,但如果當後台使用者長時間未使用後台時,導致session已經消除,這時如果後台使用者還想基於原來的頁面做操作時,就會出現本來應該顯示設定的頁面內容出現了登陸頁面,登陸之後,會出現iframe兩級巢狀的情況。針對上述情況,解決的思路是讓...

父子頁面之間元素相互操作 iframe子頁面

js jquery獲取iframe子頁面中元素的方法 一 使用window.frames iframe的id 獲取元素 window.onload function 注意 此處一定要加上window.onload或者domcontentloaded,也就是dom載入或者頁面載入完成後。二 使用win...

iframe父子頁面傳值

一,js操作父子頁面 1 父頁面操作子頁面 iframe的name.window.say 引數 呼叫子頁面的方法 iframe的name.document.getelementbyid button value 引數 呼叫子頁面的屬性 1 子頁面操作父頁面 parent.say parent.win...