首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2017-12-29 09:49:25
原創
3801 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!