js控制iframe父子页面js相互调用

<iframe id="iframe1"></iframe>示例

1.子页面调用父页面的js

比较简单，fn1是父页面定义的function

parent.fn1();

parent.document.getElementById("id1");

2.父页面调用子页面js

方法比较多

1、window.getElementById("iframe1").contentWindow.fn1();

2、

3.父页面调用子页面js时需要注意，需要判断一下iframe是否加载完毕子页面

var iframe = document.createElement("iframe");
iframe.src = "http://sc.jb51.net";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
});
} else {
iframe.onload = function(){
alert("Local iframe is now loaded.");
};
}

IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。