关闭模态子窗口的同时刷新父窗口的问题

最新推荐文章于 2020-04-03 17:33:31 发布

weixin_33724059

最新推荐文章于 2020-04-03 17:33:31 发布

阅读量143

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhiqiu/archive/2012/11/14/2770660.html

版权

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

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

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

window.onunload = refresh;
但是这样写就在IE8下报错，指向这一行 body οnunlοad="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，同时刷新父窗口

转载于:https://www.cnblogs.com/zhiqiu/archive/2012/11/14/2770660.html

weixin_33724059

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关闭模态子窗口的同时刷新父窗口的问题

主要实现的功能是当点击模态子窗口的右上角的红X时，实现刷新父窗口的功能原本是想在子窗口中直接这样写: body onunload="refresh()"function refresh() { window.close();window.opener.location.href = window.opener.location.href; }...
复制链接

扫一扫