zoukankan      html  css  js  c++  java
  • JS产生模态窗口,关闭后刷新父窗体。(兼容各浏览器)

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

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

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

    <!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>
    父窗体
    <!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>
    子窗体
  • 相关阅读:
    进阶系列(8)——匿名方法与lambda表达式
    进阶系列(3)—— 序列化与反序列化
    进阶系列(4)——扩展方法
    数据库设计开发规范
    .Net 项目代码风格
    用JS获取地址栏参数的方法(超级简单)
    Ajax轮询 select循环输出
    【Jquery】jquery刷新页面(局部及全页面刷新)
    网页上 滚动代码 最简单的
    eazyui 或bootstrap table表格里插入图片,点击查看大图
  • 原文地址:https://www.cnblogs.com/xushining/p/3941958.html
Copyright © 2011-2022 走看看