在web開發中,經常會用到iframe,難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。
JavaScript
在父窗口中獲取iframe中的元素
1
2
3
4
5
6
7
8
9
10
11
|
格式:window.frames[ "iframe的name值" ].document.getElementById( "iframe中控件的ID" ).click();
實例:window.frames[ "ifm" ].document.getElementById( "btnOk" ).click();
格式:
var obj=document.getElementById( "iframe的name" ).contentWindow;
var ifmObj=obj.document.getElementById( "iframe中控件的ID" );
ifmObj.click();
實例:
var obj=document.getElementById( "ifm" ).contentWindow;
var ifmObj=obj.document.getElementById( "btnOk" );
ifmObj.click();
|
在iframe中獲取父窗口的元素
1
2
|
格式:window.parent.document.getElementById( "父窗口的元素ID" ).click();
實例:window.parent.document.getElementById( "btnOk" ).click();
|
Jquery
在父窗口中獲取iframe中的元素
1
2
3
4
5
|
格式:$( "#iframe的ID" ).contents().find( "#iframe中的控件ID" ).click(); //jquery 方法1
實例:$( "#ifm" ).contents().find( "#btnOk" ).click(); //jquery 方法1
格式:$( "#iframe中的控件ID" ,document.frames( "frame的name" ).document).click(); //jquery 方法2
實例:$( "#btnOk" ,document.frames( "ifm" ).document).click(); //jquery 方法2
|
在iframe中獲取父窗口的元素
1
2
|
格式:$( '#父窗口中的元素ID' , parent.document).click();
實例:$( '#btnOk' , parent.document).click();
|