用js互相调用iframe页面内的js函数

标签：parent   调用   frame   跳转   必须   获得   目的   html   dex   

http://www.jb51.net/web/18555.html

1，首先获得右栏iframe对象
var frames=document.getElementById("frameid");//frameid即右栏iframe的id名
2，重置其src值
frames.src=pageurl;//pageurl即要显示的目的页面
这样就实现了页面的跳转

但是还有一点，如果想调用其中的函数就不是这么简单了
比如右栏中有一个函数right（），我要在左栏的链接中调用right（）函数，该如何实现呢

1，首先leftframe是内嵌在容器页index.html中的，因此需要先返回到index这一级别，并取得rightframe对象
var frames=window.parent.window.document.getElementById("frameid");

2，要能执行其页面中的函数，必须要获得window对象，这里有一个重要的对象contentWindow，获得这个对象，即可执行其中的函数了，如
frames.contentWindow.right();

以上代码兼容IE6，Firefox3，chrome2.0，均成功通过测试，IE7没试过，不过应该没问题。

用js互相调用iframe页面内的js函数

标签：parent   调用   frame   跳转   必须   获得   目的   html   dex   

原文地址：https://www.cnblogs.com/LuoEast/p/9024235.html