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