跨Iframe执行js函数

来源：互联网发布：郑俊龙域名编辑：程序博客网时间：2024/05/16 17:30

主窗口中的代码：

<scripttype="text/javascript"> window.gogo = function (){alert('这是来自主窗口的信息');}
</script>

<iframe id="test" name="test" src="testb.html"width="200" height="300" style="border:3px solid#333;"></iframe>
<input type="button"value="执行iframe中的函数" onclick="window.frames['test'].gogo()"/>

Iframe中的代码：

<scripttype="text/javascript">
window.gogo= function(){alert('这是来自iframe的信息');}
</script>
<input type="button" value="执行主窗口中的函数"onclick="window.parent.gogo()" />

window.frames['test'].gogo() 也可以写成window.frames['test'].window.gogo()，但window.frames['test'] !=window.frames['test'].window

alert( window.frames['test'] ) 返回的是 objectDOMWindow， alert(window.frames['test'].window) 同样返回的是objectDOMWindow，看来这里也能默认window。

同理：

window.frames['test'].window ==document.getElementByIdx_x('test').contentWindow

window.frames['test'] ==document.getElementByIdx_x('test').contentWindow

在ie6 ie7 ie8 firefox3.6 chrome中测试通过

0 0