关闭父窗口时如何关闭子窗口（弹出窗口）

Question

关闭父窗口时如何关闭子窗口（弹出窗口）

5

我正在处理一个简单的示例页面，在单击链接时会出现弹出式子窗口。我一直在尝试各种卸载事件来关闭父窗口时关闭子窗口，但似乎无法弄清楚我错过了什么与简单编码有关的内容。

弹出窗口工作得非常完美，但关闭父窗口会使弹出窗口保持打开状态。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a href='javascript:void(0);' onclick='window.open("http://example.com/files/foldername/","pagename","width=800, height=800");' target='windowname'><font color="#70c7c8">Link Name</a>
</body>
</html>

- user3518979

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Daniel Beck · Accepted Answer

您正在寻找的是window.onbeforeonload事件：

<script>
    var openPopup = function() {
        var popupWindow = window.open("http://example.com","pagename","width=800, height=800");
        window.onbeforeunload = function() {
            popupWindow.close();
        };
    }
</script>
<a href='javascript:void();' onclick='openPopup()'>Click to open a window...</a>

http://jsfiddle.net/LM35w/

(您不知道我关闭窗口测试代码的次数有多少，以至于我都忘记了这个代码片段...)

（注：该内容已经是中文，无需翻译）