用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

(编辑:jimmy 日期: 2026/2/24 浏览:2)

今天在网上看到这篇文章,感觉很少会用到,但毕竟还是有些人需要这样的功能的,否则就不会有这篇文章,这篇文章主要是解决以下问题:
复制代码 代码如下:
1.点击一个可以打开新窗体的链接,如何实现如果窗体已打开,则将焦点转到已打开的窗体,否则打开新窗体。难点:如何判断窗体已打开,及将将打开的窗体Active?  
2.如何实现一个主窗体关闭时,将所有 打开的其他相关窗体一起关闭?  
实现要点: 
1. window.open 会返回新打开窗口的 window 对象。 
2. 实现一个模拟的简单 HashMap 存储子窗口的 window 对象。 
3. 每次 open 的时候,检索此 HashMap,确定子窗口是否已存在。 
4. 若存在则直接切换焦点 (window.focus) 。
5. 若不存在,则 open 一个。 
6. 对于4,有可能子窗口已关闭,故采取了点技巧,先调用其 focus (其实可以任意方法),若出错,则也open 一个。
7. 关闭parent 的时候,遍历 HashMap,尝试关闭所有子窗口。 
8. 所有操作在父窗口实现。 
9. 整个实现原理其实很简单,只要需要熟悉js和dhtml,然后注意细节问题处理。 

目前 IE 6 sp1 测试通过,FF 由于不支持 window.focus 故不适合使用。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
打包文件下载
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?