利用JQuery操作iframe父頁面、子頁面的元素和方法彙總

前言

iframe在複合文檔中經常用到，利用jquery操作iframe可以大幅提高效率，本文主要給大家分享了關於簡單使用JQUERY來操作IFRAME的一些記錄，這個使用純JS也可以實現。下面話不多說了，來一起看看詳細的介紹吧。

第一、在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();