利用JQuery操作iframe父頁面、子頁面的元素和方法匯總
更新時間：2017年09月10日 15:58:20 作者：馮凱昌
這篇文章主要給大家介紹了關(guān)于利用JQuery操作iframe父頁面、子頁面的元素和方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
前言
iframe在復(fù)合文檔中經(jīng)常用到，利用jquery操作iframe可以大幅提高效率，本文主要給大家分享了關(guān)于簡單使用JQUERY來操作IFRAME的一些記錄，這個使用純JS也可以實現(xiàn)。下面話不多說了，來一起看看詳細(xì)的介紹吧。
第一、在iframe中查找父頁面元素的方法：
$('#id', window.parent.document)
第二、在父頁面中獲取iframe中的元素方法：
$(this).contents().find("#suggestBox")
第三、在iframe中調(diào)用父頁面中定義的方法和變量：
parent.method parent.value
JQUERY、JS調(diào)用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內(nèi)調(diào)用父類函數(shù)：
window.parent.func();
更多關(guān)于jquery操作iframe的技巧請大家關(guān)注這里：http://m.fzitv.net/Special/822.htm
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用
模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用實現(xiàn)代碼。2009-07-07
jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種：1 類級別、2 對象級別，下面為大家詳細(xì)介紹下2014-01-01
這篇文章主要介紹了jQuery實現(xiàn)的精美平滑二級下拉菜單效果代碼,通過響應(yīng)鼠標(biāo)事件動態(tài)修改頁面元素屬性實現(xiàn)二級下拉菜單效果,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery輕松實現(xiàn)無縫輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
沒有厭倦了原來那alert那個風(fēng)格，總是一個感嘆號。有時使得UE不好，今天我們介紹使用Jquery Alert插件 ，使用它可以用來替換JScript中的alert,confirm,prompt。2010-10-10
這篇文章主要介紹了jquery自定義滾動條插件示例,需要的朋友可以參考下2014-02-02
利用jQuery 實現(xiàn)GridView異步排序、分頁的代碼
經(jīng)常會用到j(luò)query.ui.tabs標(biāo)簽，如我們可以把備份管理放在一個頁面上，而該頁面有兩個tab分別為備份和還原，但這樣會現(xiàn)在這個頁面臃腫2010-02-02
jquery ajax示例包含界面及后臺部分，經(jīng)測試效果還不錯，喜歡的朋友可以拿去用，或二次修改2013-11-11
在Web開發(fā)中,表單提交是一個常見的操作,通過表單提交用戶可以向服務(wù)器發(fā)送數(shù)據(jù),jQuery是一個流行的JavaScript庫,可以簡化處理JavaScript的操作,包括表單提交,在本篇博客中,我們將介紹如何使用jQuery來實現(xiàn)表單提交操作,需要的朋友可以參考下2024-09-09
Jquery UI實現(xiàn)一次拖拽多個選中的元素操作
這篇文章主要介紹了Jquery UI實現(xiàn)一次拖拽多個選中的元素操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10