利用JQuery操作iframe父頁(yè)面、子頁(yè)面的元素和方法匯總
前言
iframe在復(fù)合文檔中經(jīng)常用到,利用jquery操作iframe可以大幅提高效率,本文主要給大家分享了關(guān)于簡(jiǎn)單使用JQUERY來操作IFRAME的一些記錄,這個(gè)使用純JS也可以實(shí)現(xiàn)。下面話不多說了,來一起看看詳細(xì)的介紹吧。
第一、在iframe中查找父頁(yè)面元素的方法:
$('#id', window.parent.document)
第二、在父頁(yè)面中獲取iframe中的元素方法:
$(this).contents().find("#suggestBox")
第三、在iframe中調(diào)用父頁(yè)面中定義的方法和變量:
parent.method parent.value
JQUERY、JS調(diào)用IFRAME父窗口與子窗口元素的方法
1. jquery 在iframe子頁(yè)面獲取父頁(yè)面元素代碼如下:
$("#objid", parent.document)
2. jquery在父頁(yè)面 獲取iframe子頁(yè)面的元素 代碼如下:
$("#objid",document.frames('iframename').document)
3.js 在iframe子頁(yè)面獲取父頁(yè)面元素代碼如下:
indow.parent.document.getElementByIdx_x("元素id");
4.js 在父頁(yè)面獲取iframe子頁(yè)面元素代碼如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
5.子類iframe內(nèi)調(diào)用父類函數(shù):
window.parent.func();
更多關(guān)于jquery操作iframe的技巧請(qǐng)大家關(guān)注這里:http://chabaoo.cn/Special/822.htm
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
JQuery擴(kuò)展插件Validate 2通過參數(shù)設(shè)置驗(yàn)證規(guī)則
在前面示例中使用的的方法簡(jiǎn)單方便,但沒有完全將js與頁(yè)面結(jié)構(gòu)完全分離,也就是說js依賴了class,下面通過validate()方法的參數(shù)設(shè)置驗(yàn)證規(guī)則將js與頁(yè)面結(jié)構(gòu)完全分離2011-09-09jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04jQuery實(shí)現(xiàn)根據(jù)滾動(dòng)條位置加載相應(yīng)內(nèi)容功能
這篇文章主要實(shí)現(xiàn)了jQuery根據(jù)滾動(dòng)條位置加載相應(yīng)內(nèi)容的操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07jQuery插件DataTable使用方法詳解(.Net平臺(tái))
這篇文章主要為大家詳細(xì)介紹了jQuery插件DataTable使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12Jqyery中同等與js中windows.onload的應(yīng)用
我們知道,在javascript中用來執(zhí)行頁(yè)面加載中的操作時(shí)候,我們會(huì)使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調(diào)用onload事件調(diào)用方法即可,在jQuery中也有相當(dāng)?shù)拇a2011-05-05基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01基于JQuery實(shí)現(xiàn)相同內(nèi)容合并單元格的代碼
我們就中和下利用JQuery來和他一個(gè)table里面相同內(nèi)容的單元格,這里代碼跟大家分享下,希望對(duì)大家有用2011-01-01JQuery插件ajaxfileupload.js異步上傳文件實(shí)例
這篇文章主要介紹了JQuery插件ajaxfileupload.js異步上傳文件實(shí)例,本文直接給出了HTML代碼和JS代碼以及后臺(tái)處理代碼,需要的朋友可以參考下2015-05-05