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

Posted 2020-11-04 键盘上落下的泪

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没试过，不过应该没问题。