zz iframe父子窗口间js方法调用
父窗口调用iframe子窗口方法
1 |
<iframe name="myFrame" src="child.html"></iframe> |
2 |
myFrame.window.functionName(); |
iframe子窗口调用父窗口方法
1 |
parent.functionName(); |
父窗口页面
01 |
<html> |
02 |
<head> |
03 |
<script type="text/javascript"> |
04 |
|
05 |
function say() { |
06 |
alert("parent.html------>I'm at parent.html"); |
07 |
} |
08 |
|
09 |
function callChild() |
10 |
{ |
11 |
//document.frames("myFrame").f1(); |
12 |
myFrame.window.say(); |
13 |
} |
14 |
</script> |
15 |
</head> |
16 |
|
17 |
<body> |
18 |
<input type=button value="调用child.html中的函数say()"onclick="callChild()"> |
19 |
<iframe name="myFrame" src="child.html"></iframe> |
20 |
</body> |
21 |
</html> |
子窗口页面
01 |
<html> |
02 |
<head> |
03 |
<script type="text/javascript"> |
04 |
|
05 |
function say() |
06 |
{ |
07 |
alert("child.html--->I'm at child.html"); |
08 |
} |
09 |
|
10 |
function callParent() { |
11 |
parent.say(); |
12 |
} |
13 |
</script> |
14 |
</head> |
15 |
<body> |
16 |
<input type=button value="调用parent.html中的say()函数" onclick="callParent()"> |
17 |
</body> |
18 |
</html> |