iframe中子父类窗口调用JS的方法及注意事项

父类窗口调用子窗口的方法时虽然能够调用成功,可是浏览器控制台总会有一个提示说找不到子类那个方法的错误。缘由很简单,由于子页面尚未彻底加载完成,咱们须要给iframe注册一个onload事件,等加载完成后再去调用追加的方法。javascript

先简单介绍一下iframehtml

一、父窗口嵌入iframe java

<iframe id='myFrame' name="myFrame" src="FChild.html" width='100%' height='100%' frameborder='0'></iframe>

二、父窗口调用子窗口方法  浏览器

myFrame.window.sonMethod();
window.frames['ghOrgUserList'].window.sonMethod();//推荐使用这个

三、子窗口调用父窗口方法   code

parent.fatherMethod();

四、兼容浏览器的iframe 加载完成方法htm

if (myFrame.attachEvent) {
     myFrame.attachEvent("onload", function () {
       alert("兼容IE加载的加载方法");
     });
   } else {
     myFrame.onload = function () {
       alert("兼容其余浏览器加载方法");
     };
   }

//推荐使用下面的写法
 if (window.frames['ghOrgUserList'].attachEvent) {
          window.frames['ghOrgUserList'].attachEvent("onload", function () {
            alert("兼容IE加载的加载方法");
       });
 } else {
             window.frames['ghOrgUserList'].onload = function () {
             alert("兼容其余浏览器加载方法");
    };
  }

这样先加载再去掉用方法,变量等等就不会报错啦!事件

相关文章
相关标签/搜索