javascript中如何在关闭父窗口时关闭子窗口？

Question

javascript中如何在关闭父窗口时关闭子窗口？

Answer 1

如果父窗口和子窗口指的是弹出窗口和打开它的窗口，则不能完全执行此操作，但主窗口中的以下脚本将在主窗口卸载时关闭弹出窗口（即关闭或用户导航到另一个页面或刷新）：

var popUp = window.open("popup.html", "popup", "width=300,height=200");

window.onunload = function() {
    if (popUp && !popUp.closed) {
        popUp.close();
    }
};

历史记录：过去可以在某些浏览器（例如 Firefox）中通过使用第三个参数中的 dependent 窗口属性来执行此操作window.open 调用（例如 var popUp = window.open("popup.html", "popup", "width=300,height=200,dependent");) 但根据 quirksmode 它不再受任何支持。我自己还没有测试过这个。

Answer 2

当从一个窗口打开多个子窗口并且您希望在父窗口关闭时关闭所有子窗口时，您需要将子窗口引用存储在数组中。在窗口的 onunload 事件上，您可以迭代此数组并对每个子窗口引用调用 close() 方法。要查看完整示例请单击此处

window.onunload = function closeChildWin(){
 for(var i=0; i<childwindows.length; i++){
  try{
     childwindows[i].close()
  }catch(e){
   alert(e);
  }
 }
}

Answer 3

我在从弹出窗口内创建弹出窗口时遇到了这个问题。创建窗口名称后访问它似乎没有任何作用。

首先创建一个窗口：

popup = window.open(address, name, params)

首先我试图这样做：

window.onbeforeunload = function () {
    popup.close()
}

但问题是名称“popup”在创建后无法访问。我没有得到任何回应。

这就是我让它发挥作用的方式。在弹出窗口的 javascript 中，我添加了：

window.parent.onbeforeunload = function () {
    window.close()
}

现在，每当父窗口关闭时，所有“子”窗口也会关闭。即使弹出窗口下有弹出窗口。只要每个“弹出”窗口都有此窗口，当其“上方”的任何窗口关闭时，它就会关闭。