通过javascript关闭Web应用程序的所有子选项卡

Question

我正在开发一个Web应用程序，并且需要打开子选项卡。因此，当有人关闭父标签时，所有子标签都应该关闭。

我已经完成了这个要求，但当我刷新我的父标签时，所有孩子也都关闭了。在父页面刷新后，如何阻止或限制子页面？

代码

var allOpenPage=[];
$('#Anchor1').click(function(){
    allOpenPage[0] = window.open('http://google.com', '_blank');
});
$('#Anchor2').click(function(){
    allOpenPage[1] = window.open('http://bing.com', '_blank');
});
$('#Anchor3').click(function(){
    allOpenPage[2] = window.open('http://yahoo.com', '_blank');
});

父页面关闭事件

window.addEventListener("beforeunload", function (e) {
  for(var j=0;j<allOpenPage.length;j++){
   allOpenPage[j].close();
  }
});