iframe頁面和父頁面之間元素查詢的方法

2022-01-21 19:43:02 字數 1346 閱讀 5078

1.從父頁面中查詢iframe子頁面中物件的方法:

js:

document.getelementbyid('iframe').contentwindow //

查詢iframe載入的頁面的window物件

document.getelementbyid('iframe').contentwindow.document //

查詢iframe載入的頁面的document物件

document.getelementbyid('iframe').contentwindow.document.body //

查詢iframe載入的頁面的body物件

document.getelementbyid('iframe').contentwindow.document.getelementbyid('icontent') //

查詢iframe載入的頁面的id為icontent的物件

jquery:

$('#iframe').contents() //

查詢iframe載入的頁面的document物件

$('#iframe').contents().find('body') //

查詢iframe載入的頁面的body物件

$('#iframe').contents().find('body').find('#icontent') //

查詢iframe載入的頁面的id為icontent的物件

2.從iframe中查詢父頁面中物件的方法:

js: 

[window.]parent //

查詢父頁面的window物件

[window.]parent.document //

查詢父頁面的document物件

[window.]parent.document.body //

查詢父頁面的body物件

[window.]parent.document.getelementbyid('button') //

查詢父頁面中id為button的物件

jquery:

$([window.]parent) //

查詢父頁面的window物件

$([window.]parent.document) //

查詢父頁面的document物件

$([window.]parent.document.body) //

查詢父頁面的body物件

$([window.]parent.document.body).find('#button') //

查詢父頁面中id為button的物件

iframe子頁面與父頁面之間通訊

父頁面parent.html function say function callchild script head iframe body html 子頁面child.html function say function callparent script head body html 方法呼叫 ...

iframe頁面與父頁面函式之間的呼叫

iframe元素 1.呼叫iframe框架裡的函式 var ifr document.getelementbyid iframe標籤id var iframe ifr.window ifr.contentwindow iframe.a a 方法即為iframe框架中的方法 2.iframe框架裡的函...

Iframe父頁面與子頁面之間的呼叫

iframe父頁面與子頁面之間的呼叫 專業詞語解釋如下 iframe iframe元素是文件中的文件。window物件 瀏覽器會在其開啟乙個html文件時建立乙個對應的window物件。但是,如果乙個文件定義了乙個或者多個框架 即 包含乙個或者多個frame或者iframe標籤 瀏覽器就會為原始文件...