用javascript實(shí)現(xiàn)始終保持打開同一個(gè)子窗口以及關(guān)閉父窗口同時(shí)自動(dòng)關(guān)閉所有子窗口
更新時(shí)間：2007年06月08日 00:00:00 作者：
今天在網(wǎng)上看到這篇文章，感覺(jué)很少會(huì)用到，但畢竟還是有些人需要這樣的功能的，否則就不會(huì)有這篇文章，這篇文章主要是解決以下問(wèn)題：
1.點(diǎn)擊一個(gè)可以打開新窗體的鏈接，如何實(shí)現(xiàn)如果窗體已打開，則將焦點(diǎn)轉(zhuǎn)到已打開的窗體，否則打開新窗體。難點(diǎn)：如何判斷窗體已打開，及將將打開的窗體Active？
2.如何實(shí)現(xiàn)一個(gè)主窗體關(guān)閉時(shí)，將所有 打開的其他相關(guān)窗體一起關(guān)閉？
實(shí)現(xiàn)要點(diǎn)：
1. window.open 會(huì)返回新打開窗口的 window 對(duì)象。
2. 實(shí)現(xiàn)一個(gè)模擬的簡(jiǎn)單 HashMap 存儲(chǔ)子窗口的 window 對(duì)象。
3. 每次 open 的時(shí)候，檢索此 HashMap，確定子窗口是否已存在。
4. 若存在則直接切換焦點(diǎn) (window.focus) 。
5. 若不存在，則 open 一個(gè)。
6. 對(duì)于4，有可能子窗口已關(guān)閉，故采取了點(diǎn)技巧，先調(diào)用其 focus （其實(shí)可以任意方法），若出錯(cuò)，則也open 一個(gè)。
7. 關(guān)閉parent 的時(shí)候，遍歷 HashMap，嘗試關(guān)閉所有子窗口。
8. 所有操作在父窗口實(shí)現(xiàn)。
9. 整個(gè)實(shí)現(xiàn)原理其實(shí)很簡(jiǎn)單，只要需要熟悉js和dhtml，然后注意細(xì)節(jié)問(wèn)題處理。
目前 IE 6 sp1 測(cè)試通過(guò)，F(xiàn)F 由于不支持 window.focus 故不適合使用。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
打包文件下載
復(fù)制代碼 代碼如下:
1.點(diǎn)擊一個(gè)可以打開新窗體的鏈接，如何實(shí)現(xiàn)如果窗體已打開，則將焦點(diǎn)轉(zhuǎn)到已打開的窗體，否則打開新窗體。難點(diǎn)：如何判斷窗體已打開，及將將打開的窗體Active？
2.如何實(shí)現(xiàn)一個(gè)主窗體關(guān)閉時(shí)，將所有 打開的其他相關(guān)窗體一起關(guān)閉？
1. window.open 會(huì)返回新打開窗口的 window 對(duì)象。
2. 實(shí)現(xiàn)一個(gè)模擬的簡(jiǎn)單 HashMap 存儲(chǔ)子窗口的 window 對(duì)象。
3. 每次 open 的時(shí)候，檢索此 HashMap，確定子窗口是否已存在。
4. 若存在則直接切換焦點(diǎn) (window.focus) 。
5. 若不存在，則 open 一個(gè)。
6. 對(duì)于4，有可能子窗口已關(guān)閉，故采取了點(diǎn)技巧，先調(diào)用其 focus （其實(shí)可以任意方法），若出錯(cuò)，則也open 一個(gè)。
7. 關(guān)閉parent 的時(shí)候，遍歷 HashMap，嘗試關(guān)閉所有子窗口。
8. 所有操作在父窗口實(shí)現(xiàn)。
9. 整個(gè)實(shí)現(xiàn)原理其實(shí)很簡(jiǎn)單，只要需要熟悉js和dhtml，然后注意細(xì)節(jié)問(wèn)題處理。
目前 IE 6 sp1 測(cè)試通過(guò)，F(xiàn)F 由于不支持 window.focus 故不適合使用。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
打包文件下載
相關(guān)文章
JS實(shí)現(xiàn)靜止元素自動(dòng)移動(dòng)示例
這篇文章主要介紹了JS實(shí)現(xiàn)靜止元素自動(dòng)移動(dòng)的具體實(shí)現(xiàn),需要的朋友可以參考下2014-04-04
在我們平時(shí)寫js的過(guò)程中，有可能會(huì)考慮到盡量兼容瀏覽器的兼容性，下面是兩個(gè)常用的方法2008-09-09
很多情況下，需要用到隨機(jī)數(shù)，腳本之家特為大家整理了一些具體的使用與說(shuō)明。2010-08-08
這篇文章主要給大家介紹了關(guān)于uniapp中刷新本頁(yè)面的三種方法,刷新頁(yè)面的具體邏輯可以根據(jù)實(shí)際需求進(jìn)行編寫,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
本篇文章主要是對(duì)JS中的cookie中文亂碼解決方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
本文主要給大家講述了如何用JS和JQuery兩種方式實(shí)現(xiàn)雪花飄落的動(dòng)畫效果，有需要的朋友收藏一下吧。2017-11-11
CSS和Javascript簡(jiǎn)單復(fù)習(xí)資料
CSS和Javascript簡(jiǎn)單復(fù)習(xí)資料，學(xué)習(xí)css與js的朋友可以參考下。2010-06-06
事件對(duì)于控件來(lái)說(shuō)至關(guān)重要，控件的消息通信機(jī)制使用事件的成本最低，但是對(duì)于JS控件來(lái)說(shuō)有一些麻煩需要解決，JS類本身不支持事件，DOM模型支持的事件僅適應(yīng)于瀏覽器的DOM節(jié)點(diǎn)。所以創(chuàng)建一套事件是我們寫控件之前要做的2012-10-10
微信小程序?qū)崿F(xiàn)循環(huán)動(dòng)畫效果
這篇文章主要介紹了微信小程序循環(huán)動(dòng)畫效果的實(shí)現(xiàn)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)本地時(shí)間同步功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08