如何操作iframe父頁面中的元素 方法 變數

2021-09-17 23:18:35 字數 781 閱讀 2182

近期遇到需要操作iframe外的元素,總結如下:

1. 在iframe中查詢父頁面元素的方法:

jquery的方法:$("#id",window.parent.document)

$(window.parent.document).find('.header');

原生的方法:   window.parent.document.getelementbyid("id");

//有時候iframe會巢狀好幾層,那麼巢狀兩層時就是:

window.parent.parent.document.getelementbyid("id"); //以此類推

//巢狀好幾層,直接找最頂層可以用這個方法

window.top.document.getelementbyid("id");

2.在iframe中使用父頁面的變數或者方法函式

parent.method

parent.variable

獲取父級寬度:window.parent.document.body.scrollwidth;

3.根據頁面高度設定iframe的高度

var parentiframe0 = parent.document.getelementbyid("iframe1");

parentiframe0.height = 0

parentiframe0.height = document.documentelement.scrollheight;

iframe子頁面操作父頁面

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

iframe父頁面與子頁面進行操作

在使用iframe的頁面中,我們經常會有需求需要在iframe裡面對父級頁面進行相關操作,在我看來這些問題的關鍵還是 在iframe裡面獲取到父頁面物件,其它的操作問題也就迎刃而解了,所以我們關鍵的一步是 var pbody window.parent.document.body 以上獲取父頁面jq...

iframe引用頁面中的js操作父視窗標籤

假設有頁面a,裡面有iframe標籤frame,iframe引用頁面b,在頁面b中寫js來操作頁面a。方法如下 a.html iframe name frame id frame src b.html 在b頁面的js中獲取其所在的iframe var frame window.parent.docu...