使用jquery/js獲取iframe父子級、同級獲取元素的方法
在web開發(fā)中,經(jīng)常會(huì)用到iframe,難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
js
在父窗口中獲取iframe中的元素
1、
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
實(shí)例:window.frames["ifm"].document.getElementById("btnOk").click();
2、
格式:
var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click();
實(shí)例:
var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click();
在iframe中獲取父窗口的元素
格式:window.parent.document.getElementById("父窗口的元素ID").click();
實(shí)例:window.parent.document.getElementById("btnOk").click();
jquery
在父窗口中獲取iframe中的元素
1、
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
實(shí)例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2、
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
實(shí)例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中獲取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
實(shí)例:$('#btnOk', parent.document).click();
以上這篇使用jquery/js獲取iframe父子級、同級獲取元素的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法
- JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
- JavaScript與JQUERY獲取元素的寬、高和位置
- JavaScript和jquery獲取父級元素、子級元素、兄弟元素的方法
- js jquery獲取當(dāng)前元素的兄弟級 上一個(gè) 下一個(gè)元素
- Js與Jq 獲取頁面元素值的方法和差異對比
- js與jquery獲取父級元素,子級元素,兄弟元素的實(shí)現(xiàn)方法
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- JS和JQUERY獲取頁面大小,滾動(dòng)條位置,元素位置(示例代碼)
- 原生JS與JQ獲取元素的區(qū)別詳解
相關(guān)文章
jQuery Chart圖表制作組件Highcharts用法詳解
這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細(xì)分析了Highcharts插件的功能與具體使用技巧及相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-06-06jquery獲取對象的方法足以應(yīng)付常見的各種類型的對象
獲取對象是比較常見的操作了,因?yàn)橄胍僮饕粋€(gè)對象之前,一定要先獲取,這是必須的,下面整理了常見對象的獲取方法,希望對大家有所幫助2014-05-05使用jQuery實(shí)現(xiàn)一個(gè)類似GridView的編輯,更新,取消和刪除的功能
在項(xiàng)目中遇到這樣的需求當(dāng)用戶點(diǎn)擊編輯時(shí),在點(diǎn)擊行下動(dòng)態(tài)產(chǎn)生一行,編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕,點(diǎn)擊“取消”銨鈕,刪除剛剛動(dòng)態(tài)產(chǎn)生的行,編輯銨鈕狀態(tài)恢復(fù)。下面小編給大家分享實(shí)例代碼,一起看看吧2017-03-03jQuery常用知識點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù)
這篇文章主要介紹了jQuery常用知識點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-02-02JQuery拖動(dòng)表頭邊框線調(diào)整表格列寬效果代碼
當(dāng)鼠標(biāo)停留在表頭邊框線上,接著拖動(dòng)鼠標(biāo),會(huì)在表格中出現(xiàn)一條隨鼠標(biāo)移動(dòng)的豎線,最后放開鼠標(biāo),表格列寬會(huì)被調(diào)整2014-09-09jquery cookie實(shí)現(xiàn)的簡單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個(gè)簡單的換膚功能適合小網(wǎng)站并且代碼低級,具體實(shí)現(xiàn)過程如下,感興趣的朋友可以了解下2013-08-08ie8模式下click無反應(yīng)點(diǎn)擊option無反應(yīng)的解決方法
點(diǎn)擊select里面的option,將其賦值到上面的input,直接用jQuery寫的,問題是在用IE8打開的時(shí)候,點(diǎn)擊option沒有任何反應(yīng)2014-10-10jQuery EasyUI Draggable拖動(dòng)組件
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI Draggable拖動(dòng)組件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03