为了账号安全,请及时绑定邮箱和手机立即绑定

打开弹出窗口,并在关闭弹出窗口时刷新父页面

打开弹出窗口,并在关闭弹出窗口时刷新父页面

收到一只叮咚 2019-11-11 10:55:51
我通过window.open打开了一个弹出窗口。在JavaScript中打开,我想在关闭此弹出窗口时刷新父页面。(onclose事件?)我该怎么办?window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
查看完整描述

3 回答

?
潇潇雨雨

TA贡献1833条经验 获得超4个赞

您可以使用“ window.opener ” 访问父窗口,因此,在子窗口中编写如下内容:


<script>

    window.onunload = refreshParent;

    function refreshParent() {

        window.opener.location.reload();

    }

</script>


查看完整回答
反对 回复 2019-11-11
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

在您的子页面上,输入以下内容:


<script type="text/javascript">

    function refreshAndClose() {

        window.opener.location.reload(true);

        window.close();

    }

</script>


<body onbeforeunload="refreshAndClose();">

但作为一个好的UI设计,您应该使用Close,button因为它更加用户友好。参见下面的代码。


<script type="text/javascript">

    $(document).ready(function () {

        $('#btn').click(function () {

            window.opener.location.reload(true);

            window.close();

        });

    });

</script>


<input type='button' id='btn' value='Close' />


查看完整回答
反对 回复 2019-11-11
  • 3 回答
  • 0 关注
  • 652 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信