首页 > Windows开发 > 详细

JS产生模态窗口,关闭后刷新父窗体。(兼容各浏览器)

时间:2014-08-28 17:46:35      阅读:189      评论:0      收藏:0      [点我收藏+]

折腾了好久,终于搞出来了。参考资料

http://www.cnblogs.com/davidyang78/archive/2011/07/29/2121278.html

下面直接上源码,保证兼容ie,google,360,firefox

bubuko.com,布布扣
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <!--防止模态窗口提交form时再弹出一个新窗口-->
    <base target="_self" />
    <script type="text/javascript">
        function DialogWin(url, width, height) { height = height + 50; if (url.indexOf(.aspx?, 0) > 0) { url = url + &t= + Math.random(); } else { url = url + ?&t= + Math.random(); } return window.showModalDialog(url, window, ";dialogWidth:" + width + "px;dialogHeight:" + height + "px;center:1;scroll:auto;help:0;status:0;statusbars:0;location:0;menubar:0;toolbars:0;resizable:0;"); }
        function openClick() {
            var result = DialogWin("HtmlPage1.html", 500, 300);
            if (typeof (result) == undefined) {
                result = window.ReturnValue;
            }
            if (result==true) {
                window.location = window.location;
            }
        }
    </script>

</head>
<body>
    <input type="button" id="btnSub" onclick="openClick()" value="弹出" />
</body>
</html>
父窗体

 

bubuko.com,布布扣
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <!--防止模态窗口提交form时再弹出一个新窗口-->
    <base target="_self" />
    <script type="text/javascript">
        if (typeof (window.opener) == undefined)
            window.opener = window.dialogArguments;
        function sureClick() {
            window.retureValue = true;
            if (window.opener && window.opener != null) {
                window.opener.ReturnValue = true;
            }
            window.close();
        }
    </script>

</head>
<body>
    <input type="button" id="btnSub" onclick="sureClick()" value="确定" />
</body>
</html>
子窗体

 

JS产生模态窗口,关闭后刷新父窗体。(兼容各浏览器)

原文:http://www.cnblogs.com/xushining/p/3941958.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!