本文介紹下,分別用js、jquery兩種腳本來獲取父子窗口中iframe的方法。
一,js 在父窗口中獲取iframe中的元素
1、
格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
實例:
複製代碼 代碼示例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
2、
格式:
var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
ifmObj.click();
實例:
複製代碼 代碼示例:var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
3,在iframe中獲取父窗口的元素
格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
實例:
複製代碼 代碼示例:window.parent.document.getElementByIdx_x("btnOk").click();
二,jquery 在父窗口中獲取iframe中的元素
1、
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
實例:
複製代碼 代碼示例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2、
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
實例:
複製代碼 代碼示例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
3,在iframe中獲取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
實例:
複製代碼 代碼示例:$('#btnOk', parent.document).click();
本文原始鏈接:http://www.jbxue.com/article/11229.html
js與jquery獲取父窗口、子窗口中iframe的方法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Servlet中的過濾器Filter詳解
zhdyly
2018-08-27 19:50:43
JSP中的<%=表達式%>和<%表達式%>有什麼區別?
zhdyly
2018-08-27 19:50:43
JSP implicit Objects
fengjingchao8
2018-08-27 19:48:47
JSTL function 標籤 使用
iteye_20286
2018-08-27 19:25:26
jspSmartUpload組件上傳下載詳解
iteye_2722
2018-08-27 19:20:45
文件上傳Fileupload組件
iteye_2722
2018-08-27 19:20:38
jsp中上傳圖片時的即時顯示效果
小锋007
2018-08-27 19:11:17
JS控制文本框textarea輸入字數限制
小锋007
2018-08-27 19:11:16
圖片上傳時即時顯示2
小锋007
2018-08-27 19:11:16
鼠標劃過時整行變色代碼
小锋007
2018-08-27 19:11:16
點擊按鈕——網頁返回頂部代碼
小锋007
2018-08-27 19:11:16
setInterval和setTimeout ----javascript
java是一门好语言
2018-08-27 18:30:45
24小時熱門文章