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("兼容其餘瀏覽器加載方法");
    };
  }

這樣先加載再去掉用方法,變量等等就不會報錯啦!事件

相關文章
相關標籤/搜索