其他分享
首页 > 其他分享> > showDialogue(); 子窗口调用父窗口的方法

showDialogue(); 子窗口调用父窗口的方法

作者:互联网


1 <script type="text/javascript"> 2 function lay() { 3 if (!!window.ActiveXObject || "ActiveXObject" in window) { 4 rs = window.showModalDialog('DisplayViewSelect.aspx', self,"dialogWidth=2070px;dialogHeight=417px;"); 5 if (rs != null) { 6 window.location.href = rs; 7 } 8 } 9 else { 10 layer.open({ 11 type: 2, 12 area: ['2070px', '417px'], 13 fixed: false, //不固定 14 content: 'DisplayViewSelect.aspx' 15 }); 16 } 17 } 18 </script>

第4行的showModalDialog()方法,第一参数传要打开的url,第三个参数传属性参数。重点是第二个参数,如果将要打开的子窗口想调用父窗口的方法,那么必须写self。

我一开始第二个参数就写的null,所以调用一直失败。

此处参考:javascript showModalDialog,open取得父窗口的方法_javascript技巧_脚本之家 (jb51.net)

上面是父窗口的打开方法,下面在父窗口随便写一个方法openNewWindow(url);

1 //父窗口中的方法
2 function openNewWindow(url) {
3         window.open(url);
4         return false;
5     }

 

接着在子窗口中开始写调用:

 1 function jumppage(key) {
 2         if (!!window.ActiveXObject || "ActiveXObject" in window) {
 3             var parentWin = window.dialogArguments;
 4             window.dialogArguments.openNewWindow("DisplayView.aspx?key=" + key);
 5         }
 6         else {
 7             window.parent.open("DisplayView.aspx?key=" + key, "_blank");
 8             var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
 9             parent.layer.close(index);  // 关闭layer\
10         };
11     }

其中var parentWin = window.dialogArguments;是呼叫父窗口的语法,然后就能取得父窗口的window对象控制了,这时候我们就可以调用刚刚写的父窗口的openNewWindow(url);方法了。

OVER~

最后解释一下
if (!!window.ActiveXObject || "ActiveXObject" in window)是用来判断该浏览器是否为IE,如果是,则进方法。

else是其他浏览器进的方法,可以写你自己的东西。

 

标签:调用,窗口,url,ActiveXObject,showDialogue,window,key,方法
来源: https://www.cnblogs.com/zhangbupangpang/p/15138259.html