使用JS调用iframe页面中的函数

用JS调用iframe、frame页面中的函数其实不难，要是页面简单的话就更容易了。今天弄得这个项目比较复杂，调起函数来比较费劲，所以就记一下，以后好借鉴。

 

先说说页面结构的复杂性：

首页index.jsp用frameset嵌了三个frame，id和name分别是：topFrame，mainFrame，bottomFrame

mainFrame对应的JSP页面又由2个iframe组成，id和name分别是：left和right

right iframe对应的JSP页面包含了多个iframe。

需要调用的方法在最下层也就是right iframe下面的iframe中。

 

IE中调用起来挺简单的，如下即可：

var obj = document.right;
if(isempty(obj)){
	obj = window.parent.frames["mainFrame"].document.right;
}
obj.excuteOpenPage();

 但是在火狐中上面写的两种方法都不管事，于是去网上搜罗了一下，找到了一个IE火狐到能使的（链接：http://www.cnblogs.com/yeminglong/archive/2013/03/21/2974095.html），应用到项目中就是：

window.parent.document.getElementsByTagName("frame")["mainFrame"].contentWindow.
document.getElementsByTagName("iframe")["right"].contentWindow.
excuteOpenPage();