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

时间:2021-05-18

今天在网上看到这篇文章,感觉很少会用到,但毕竟还是有些人需要这样的功能的,否则就不会有这篇文章,这篇文章主要是解决以下问题:
复制代码 代码如下:
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,然后注意细节问题处理。

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

Maintaining the Parent window and Multi Child windows as in WinForm

funcions:

  • Open the same child window once.
  • Close all the child windows when the parent window is closing.
  • Child window: #1 #2 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
    打包文件下载

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章