javascript - 重新加载父窗口后弹出窗口未关闭

Question

在我的父 jsp 页面中，我使用过：

function popUpClosed() {
    window.location.reload();
}

在孩子（弹出窗口）中，我使用过：

<script type="text/javascript">
        window.onunload = function() {
                if (window.opener && !window.opener.closed) {
                window.opener.popUpClosed();
                }
        };
</script>

通过这段代码，父窗口在从弹出窗口插入数据后重新加载，但弹出窗口没有关闭，我必须手动关闭弹出窗口。如何使弹出窗口自动关闭？

Answer 1

以下是打开和关闭弹出窗口的两个示例函数。如果您在变量中创建窗口，则可以定位已打开的窗口，这意味着您可以关闭它。

<script>
function openWin()
{
    myWindow=window.open("","","width=200,height=100");
    myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin()
{
    myWindow.close();
}
</script>

Answer 2

要关闭弹出窗口中的窗口，请更改如下代码：

<script type="text/javascript">
        window.onunload = function() {
                if (window.opener && !window.opener.closed) {
                window.opener.popUpClosed();
                }
                window.close();
        };
</script>

参考这里：如何关闭当前窗口。 onunload每当您的页面卸载时调用。如果您通过提交按钮发布数据，则您正在卸载文档。

这与关闭窗户不同。如果您只想捕获窗口的关闭，您应该使用以下内容：

window.onbeforeunload = windowExit;
function windowExit(){
    //do somethng
    //check that you are not submitting.
}