函数window.open实现关闭所有的子窗口

前端之家收集整理的这篇文章主要介绍了函数window.open实现关闭所有的子窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

此文介绍了如何用window.open方法打开一个子窗口,当我们要关闭主窗口时,这时候所有的子窗口也会跟着关闭。下面有我的实现思路和代码分享给大家。

实现思路:

1.打开子窗口函数window.open(url,winName)的第二个参数winName可以唯一标识打开的窗口。因此关闭子窗口只需要使用winName.close()函数即可。 2.一个页面可能有多个子窗口。因此需要一个数组存储所有子窗口对象关闭时,遍历数组即可。 3.子窗口还可以再打开子窗口。无限循环下去。因此需要判断。 此需求可以通过两个方法实现。

调用子窗口的关闭函数

方法易于理解,但是实际实现过程中发现浏览器的关闭事件并没有。且需要是按钮点击关闭还是快捷键关闭,稍微麻烦一些、递归关闭子窗口 此方法实现简单,缺点就是所有的窗口存储子窗口的对象数组需同名

下面是使用递归关闭子窗口及子窗口的子窗口方法

关闭 if(win[index].closed){ continue; } //如果窗口没有可以打开的子窗口 if(typeof(win[index].openedWindow)=="undefined"){ win[index].close(); continue; } if(win[index].openedWindow.length==0){ win[index].close(); }else{ closeSonWindow(win[index].openedWindow); win[index].close(); } } }

以上就是本文的全部叙述,希望对大家有所帮助。

原文链接:https://www.f2er.com/js/53145.html

猜你在找的JavaScript相关文章