【翻译】父窗口关闭的时候子窗口也同时关闭-CSDN博客

如何当父窗口关闭的时候子窗口也同时关闭呢？假如我是网站的使用者，我倒是不想父窗口关闭时会自动关闭所有的子窗口，因此我觉得上面的这个需求是奇怪的。

下面就是可以实现如标题所描述的代码。我想确保的是我所有已经打开的窗口之间的联系，然后当父窗口被关闭的时候，简单地使用一个循环这些子窗口，并关闭它们。

在父窗口的 body 标签内添加 "onunload" 事件。请注意当页面被刷新的时候会引发该事件。

< body onunload ="closeChildWindows()" >

< a href ="#" onclick ="openWindow('Pop1.aspx','Pop1')" > Open Window 1 </ a >

< a href ="#" onclick ="openWindow('Pop2.aspx','Pop2')" > Open Window 2 </ a >

< script language = " javascript " type = " text/javascript " >

// create an array of child windows
var childWindows = new Array();

function openWindow(url,name)
{
   newWindow = window.open(url,name, ' width=100,height=100;dependent=yes ' );
    // add the new child window in the collection
   childWindows.push(newWindow);

}

function closeChildWindows()
{

     if ( ! sure) return ;

    // iterate through the collection and close all the windows

    for (i = 0 ; i < childWindows.length; i ++ )
   {
       childWindows[i].close();
   }
}

你还可以使用一个确认框来确定是否要关闭子窗口。提醒用户所有他/她可以选择是否将打开的子窗口都被关闭。

转载于:https://www.cnblogs.com/valens/archive/2008/07/08/1238103.html