利用JQuery操作iframe父親頁面、子頁面方法總結

iframe在複合文件中常用到，利用jquery操作iframe可以大幅提高效率，本文主要給大家分享了關於簡單使用JQUERY來操作IFRAME的一些記錄，這個使用純JS也可以實現。下面話不多說了，來一起看看詳細的介紹吧。本文主要為大家介紹了關於利用JQuery操作iframe父頁面、子頁面的元素和方法的相關資料，文中透過範例程式碼介紹的非常詳細，對大家的學習或工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

第一、在iframe中尋找父頁面元素的方法：

$('#id', window.parent.document)

第二、在父頁面中取得iframe中的元素方法：

$(this).contents().find("#suggestBox")

第三、在iframe中呼叫父頁面中定義的方法與變數：

parent.method parent.value

JQUERY、JS呼叫IFRAME父視窗與子視窗元素的方法

1. jquery 在iframe子頁面取得父頁面元素程式碼如下:

$("#objid", parent.document)

2. jquery在父頁面取得iframe子頁面的元素程式碼如下:

$("#objid",document.frames('iframename').document)

3.js 在iframe子頁面取得父頁元素程式碼如下:

indow.parent.document.getElementByIdx_x("元素id");

4.js 在父頁面取得iframe子頁面元素程式碼如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子類別iframe內呼叫父類別函數：

window.parent.func();

相關推薦：

#vue元件中使用iframe元素的方法範例

Iframe網頁內部的導覽視窗的淺析

##如何使用iframe屬性

以上是利用JQuery操作iframe父親頁面、子頁面方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！