Javascript：关闭弹出窗口

Question

我在主页上有一个按钮，它将打开 (window.open()) 窗口 W1 以允许用户在其上选择内容。之后，用户按 W1 上的 OK 按钮打开窗口 W2（再次 window.open()）。用户按确定后如何关闭W1？

Answer 1

使用带有目标窗口名称的 window.close() 方法，如下所示：

win1 = window.open("","","width=100,height=100");
okBtn.onclick = function() {
    win2 = window.open("","","width=100,height=100");
    win1.close();
}

Answer 2

在主页上，您将弹出窗口保存到 W1 中，并定义一个将关闭 W1 的函数：

W1 = window.open("","","width=100,height=100");

function closeW1() {
    W1.close();
}

现在在 W1 上打开 W2 的同一位置：

okBtn.onclick = function() {
    W2 = window.open("","","width=100,height=100");
    window.opener.closeW1();
}

就是这样。你完成了。