利用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();

更多關于jquery操作iframe的技巧請大家關注這里：//www.gxlcms.com/Special/822.htm

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com