用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
更新时间：2007年06月08日 00:00:00 作者：
今天在网上看到这篇文章，感觉很少会用到，但毕竟还是有些人需要这样的功能的，否则就不会有这篇文章，这篇文章主要是解决以下问题：
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需再刷新一下页面才能执行]
打包文件下载
复制代码 代码如下:
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需再刷新一下页面才能执行]
打包文件下载
相关文章
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结（附代码）
这篇文章主要介绍了Iphone手机、安卓手机浏览器控制默认缩放大小的方法，通过meta标签中添加属性代码展示控制浏览器的默认缩放，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
Bun运行时是新一代高性能JavaScript/TypeScript运行时
Bun由Jarred Sumner创建,是一款新兴的JavaScript和TypeScript运行时,旨在比Node.js和Deno提供更高性能和快速启动,Bun使用Zig语言编写,内置包管理并支持Node.js大部分API,适用于高并发API服务和快速构建工具2024-11-11
JavaScript操作 url 中 search 部分方法函数
这篇文章主要介绍了JavaScript操作 url 中 search 部分方法函数的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
javascript中函数的特殊性与普通，对待函数可以像对待普通变量一样2008-05-05
下面小编就为大家带来一篇简单封装js的dom查询实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
网站接入QQ登录，首先引入授权js文件，这个需要提交申请的，通过之后按照下面的步骤进行操作就可以了2014-07-07
使用js简单实现下常用的左侧导航效果为提高导航性能而生，各位朋友可以参考应用，希望对大家有所帮助2013-10-10
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
这篇文章主要介绍了Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置 ,需要的朋友可以参考下2018-10-10
JavaScript中call、apply、bind实现原理详解
其实在很多文章都会写call，apply，bind,但个人觉着如果不弄懂原理,是很难理解透的,所以这篇文章主要介绍了JavaScript中call、apply、bind实现原理的相关资料,需要的朋友可以参考下2021-06-06
本文给大家分享两段代码来通过js动态生成年份和月份功能，非常不错，具有参考借鉴价值，需要的朋友参考下2017-02-02
最新评论