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