手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
摘要:今天在网上看到这篇文章,感觉很少会用到,但毕竟还是有些人需要这样的功能的,否则就不会有这篇文章,这篇文章主要是解决以下问题:复制代码代码如下...

今天在网上看到这篇文章,感觉很少会用到,但毕竟还是有些人需要这样的功能的,否则就不会有这篇文章,这篇文章主要是解决以下问题:

复制代码 代码如下:

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 function openWin() { //debugger; var sltWins = document.getElementById("sltWins"); var url = sltWins.value; var winName = url.replace('.', '_'); var win; win = winMap[winName]; try { win.focus(); }catch(e) { // alert(e.message); // we need to open a new window when the child window has not // been opened or the child window has been close. // as to the later, you also can implements some method that notices the parent window // to remove the child window from our winMap object when it is closing. // but it's a piece of hard work, i think so, because you must // add the notice codes to all the child windows // win = window.open(url, winName, "top=100,left=100,width=400,height=300"); winMap[winName] = win; // if(!win) { alert("Sorry, fail to open the window.Some unexpected error occurs."); } else { // i try to bind a callback function to the child window's unload event // unfortunately, it seems not to work. // win.onunload = function() { // try { // alert(opener.winMap[winName]); // opener.winMap[winName] = null; // alert(opener.winMap[winName]); // } catch(e) { // // alert(e.message); // } // }; win.focus(); } } } 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需刷新才能执行]

打包文件下载

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

JavaScript实现DIV层拖动及动态增加新层的方法

javascript实现控制的多级下拉菜单

javascript实现简单的省市区三级联动

javascript实现链接单选效果

Javascript实现广告页面的定时关闭

javascript实现日期按月份加减

用JavaScript实现对话框的教程

Javascript实现每日自动换一张图片的方法

JavaScript实现广告的关闭与显示效果实例

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

精品推荐
分类导航