Javascript 关闭父窗口时关闭子窗口(弹出窗口)

Javascript 关闭父窗口时关闭子窗口(弹出窗口),javascript,html,parent-child,Javascript,Html,Parent Child,我有一个简单的示例页面,当你点击一个链接时,我正在处理一个弹出的子窗口。我一直在尝试各种卸载事件,以在父窗口关闭时关闭子窗口,但似乎无法找出我缺少的与简单编码相关的内容 弹出窗口可以完美地工作,但是关闭父窗口会使弹出窗口保持打开状态 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

我有一个简单的示例页面,当你点击一个链接时,我正在处理一个弹出的子窗口。我一直在尝试各种卸载事件,以在父窗口关闭时关闭子窗口,但似乎无法找出我缺少的与简单编码相关的内容

弹出窗口可以完美地工作,但是关闭父窗口会使弹出窗口保持打开状态

<!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>

无标题文件

您要查找的是
窗口。在加载之前加载

<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>

var openPopup=function(){
var popupWindow=窗口打开(“http://example.com“,”页面名“,”宽度=800,高度=800“;
window.onbeforeunload=函数(){
popupWindow.close();
};
}


(你不知道我关了多少次窗户来测试它,却忘了小提琴的声音……

哈哈,我可以想象整个下午都在这么做。这正是我丢失的命令,是窗口。在加载之前…非常感谢!嗯,看来Chrome有一个。。。onbeforeunload处理程序的特殊方法:我不知道有什么解决方法,抱歉。谢谢@DanielBeck。我不知道如何对多个子弹出窗口执行此操作。@Karthiga方法相同,只需保留对每个弹出窗口的引用,并对每个弹出窗口调用
.close()
。(但请注意,这个答案已经过时,可能不再有效;与2014年相比,现在在
onbeforeunload
处理程序中可以执行的操作受到更多限制)是的,正如你所说,我收集了阵列中所有打开的窗口,并执行相同的操作,现在工作正常。这个函数用于关闭选项卡,而不是关闭窗口??