您现在的位置:爱折腾>> web>>正文内容

跨iframe执行js函数

跨iframe 执行js函数

主窗口中的代码:
<script type="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中的代码:
<script type="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'] ) 返回的是 object DOMWindow, alert(window.frames['test'].window) 同样返回的是object DOMWindow,看来这里也能默认window。

同理:
window.frames['test'].window == document.getElementById('test').contentWindow
window.frames['test'] == document.getElementById('test').contentWindow
在ie6 ie7 ie8 firefox3.6 chrome中测试通过

相关文章