【翻译】父窗口关闭的时候子窗口也同时关闭
2008-07-08 13:19
218 查看
如何当父窗口关闭的时候子窗口也同时关闭呢?假如我是网站的使用者,我倒是不想父窗口关闭时会自动关闭所有的子窗口,因此我觉得上面的这个需求是奇怪的。
下面就是可以实现如标题所描述的代码。我想确保的是我所有已经打开的窗口之间的联系,然后当父窗口被关闭的时候,简单地使用一个循环这些子窗口,并关闭它们。
在父窗口的 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();
}
}
你还可以使用一个确认框来确定是否要关闭子窗口。提醒用户所有他/她可以选择是否将打开的子窗口都被关闭。
下面就是可以实现如标题所描述的代码。我想确保的是我所有已经打开的窗口之间的联系,然后当父窗口被关闭的时候,简单地使用一个循环这些子窗口,并关闭它们。
在父窗口的 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();
}
}
你还可以使用一个确认框来确定是否要关闭子窗口。提醒用户所有他/她可以选择是否将打开的子窗口都被关闭。
相关文章推荐
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- js如何关闭当前页,而不弹出提示框 尤其是万恶的IE||关闭子窗口同时刷新父窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- MFC 在点击子窗口关闭按钮时同时关闭父窗口
- C# 弹出子窗口同时关闭主窗口
- (一)showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口. [转]
- 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
- IE关闭主窗口时,同时关闭所有的子窗口
- C#关闭子窗口同时关闭父窗口进程
- C#关闭子窗口同时关闭父窗口进程
- C# 弹出子窗口同时关闭主窗口(利用线程和委托)
- 始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
- 【轉載】showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口
- showModalDialog/showModelessDialog实例,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口