iframe父子方法相互调用总结

Terwer...小于 1 分钟经验分享

iframe子父窗口方法调用
2.1语法使用
1、父窗口嵌入iframe 代码如下:
<iframe id='myFrame' name="myFrame" src="FChild.html" width='100%' height='100%' frameborder='0'></iframe>
1
2、父窗口调用子窗口方法 代码如下:

myFrame.window.sonMethod();
1
3、子窗口调用父窗口方法 代码如下:

 parent.fatherMethod();
1
4、兼容浏览器的iframe 加载完成方法

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

父调子另一种方法

_dialog.element.find('iframe')[0].contentWindow.SaveForm();

子调用父dialog的iframe

window.back = function () {
    var winObj = parent.LUI.$('#dialog_iframe').find('iframe')[0].contentWindow;
    // console.log(winObj)
    winObj.hello()
    winObj.closeSelectShareMemberDlg()
}
window.hello = function () {
		alert("hello")
}
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.14.9