调用iframe中父页面/子页面中的JavaScript方法
假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。
我们现在要做的就是：
1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法
实现代码如下： index.html
<html>
<head>
<script
type="text/javascript">
function ff(){
alert(">>this is
index‘s js
function");
}
</script>
</head>
<body>
<div
style="background: lightblue;">
This is index
page.
<input type="button" value="run index‘s function"
onclick="ff();" />
<input type="button" value="run inner page‘s
function" onclick=‘window.frames["childPage"].ff();‘
/>
</div>
<iframe id="childPage" name="childPage"
src="inner.html" width="100%"
frameborder="0"></iframe>
</body>
</html>
inner.html
<html>
<head>
<script
type="text/javascript">
function ff(){
alert(">>this is
inner page‘s js function");
}
</script>
</head>
<body>
<div style="background:
lightgreen;">
This is inner page.
<input type="button"
value="run index‘s function" onclick=‘parent.window.ff();‘
/>
<input type="button" value="run inner page‘s function"
onclick="ff();"
/>
</div>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
