zoukankan      html  css  js  c++  java
  • 关闭模态子窗口的同时刷新父窗口的问题

    主要实现的功能是当点击模态子窗口的右上角的红X时,实现刷新父窗口的功能

    原本是想在子窗口中直接这样写: body onunload="refresh()"

    function refresh() {
               window.close();window.opener.location.href = window.opener.location.href;
           }

           window.onunload = refresh;
         但是这样写就在IE8下报错,指向这一行 body onunload="refresh()" 不支持该属性或方法 然后又看了这个链接

    http://www.w3help.org/zh-cn/causes/SD9026 发现各个浏览器下对onunload事件的支持有差异,所以就没用这个方法

    在网上找了一阵资料后 采用了别的方法,直接在父窗体写代码来实现,代码如下

     <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#test").click(function () {
                    var str = window.showModalDialog("Dialog.aspx", "dialogWidth=200px;dialogHeight=100px");
                    if (str == undefined) {
                        window.location.href = window.location.href;
                    }
                });
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
          <input type="button"  value="单击弹出模态窗口" id="test" />
        </div>
        </form>
    </body>

    通过给window.showModalDialog的返回值进行判断,当子窗口关闭时返回值就变为undefined,同时刷新父窗口

  • 相关阅读:
    【Office】Word排版
    小猪的压力
    SQL SERVER 自定义函数参数数量对调用时参数数量的影响
    工作效率
    C#使用SharpZipLib编辑zip包中内容
    SQL SERVER——自定义函数
    C#字符串编码
    在ASP.NET中启动SQL SERVER缓存
    C#延迟加载
    C#格式化DateTime时间
  • 原文地址:https://www.cnblogs.com/zhiqiu/p/2770660.html
Copyright © 2011-2022 走看看