iframe父子方法相互调用总结

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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("兼容其他浏览器加载方法");
};
}

父调子另一种方法

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

子调用父dialog的iframe

1
2
3
4
5
6
window.back = function () {
var winObj = parent.LUI.$('#dialog_iframe').find('iframe')[0].contentWindow;
// console.log(winObj)
winObj.hello()
winObj.closeSelectShareMemberDlg()
}
1
2
3
window.hello = function () {
alert("hello")
}

iframe父子方法相互调用总结

https://hexo.terwer.space/pages/655a07/

作者

Terwer

发布于

2022-06-21

更新于

2022-06-21

许可协议

评论