本文介绍了一种在不使用showdialog()的情况下实现类似模态窗口的方法。通过自定义JavaScript函数openWindow()和closeWindow()，可以控制弹出窗口的数量、大小，并确保主窗口关闭时弹出窗口也随之关闭。
做过web开发的朋友应该都使用window.open()打开画面这个操作，window.open()不像showdialog()打开的是模态窗口，但是很多时候客户可能需要实现类似模态的功能但是有不能使用showdialog(),这时候怎么办？要求：1，本页面有多个popup页面的时候，当前打开的页面始终只有一个。2，当前页面有多个popup页面且打开的大小各不相同的时候，要求每个页面都以各自固定的大小显示。3，当主画面关闭的时候，要求popup页面也必须关闭。带着上面三点要求在这里给出一个简单的解决办法。
1
<script>
2 var windowHandar;//定义全局变量
3 //打开窗口函数
4
function openWindow(url, w, h) 
{
5
if(windowHandar != null) {
6
windowHandar.close();
7
}
8 windowHandar = window.open('url'popWindow','toolbar=0, scrollbars=1, resizable=0, width='+w+', height='+h+', top=59, left=249 ');
9
}
10 function closeWindow() {
11 if(windowHandar != null) {
12 windowHandar.close();
13 }
14 }
15 </script>
16
在打开窗口的地方调用openWindow方法，在窗体的onunLoad事件中添加closeWindow方法就能解决以上三个问题。<script>2
var windowHandar;//定义全局变量3
//打开窗口函数4
function openWindow(url, w, h) {5
if(windowHandar != null) {6
windowHandar.close();7
}8
windowHandar = window.open('url'popWindow','toolbar=0, scrollbars=1, resizable=0, width='+w+', height='+h+', top=59, left=249 ');9
}10
function closeWindow() {11
if(windowHandar != null) {12
windowHandar.close();13
}14
}15
</script>16
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
