在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();
转载地址：
http://www.cnblogs.com/blog-cq/p/5557194.html
