用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，然后注意細(xì)節(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，然后注意細(xì)節(jié)問題處理。
目前 IE 6 sp1 測試通過，F(xiàn)F 由于不支持 window.focus 故不適合使用。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
打包文件下載
相關(guān)文章
Iphone手機、安卓手機瀏覽器控制默認(rèn)縮放大小的方法總結(jié)（附代碼）
這篇文章主要介紹了Iphone手機、安卓手機瀏覽器控制默認(rèn)縮放大小的方法，通過meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
Bun運行時是新一代高性能JavaScript/TypeScript運行時
Bun由Jarred Sumner創(chuàng)建,是一款新興的JavaScript和TypeScript運行時,旨在比Node.js和Deno提供更高性能和快速啟動,Bun使用Zig語言編寫,內(nèi)置包管理并支持Node.js大部分API,適用于高并發(fā)API服務(wù)和快速構(gòu)建工具2024-11-11
JavaScript操作 url 中 search 部分方法函數(shù)
這篇文章主要介紹了JavaScript操作 url 中 search 部分方法函數(shù)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
javascript中函數(shù)的特殊性與普通，對待函數(shù)可以像對待普通變量一樣2008-05-05
下面小編就為大家?guī)硪黄唵畏庋bjs的dom查詢實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
網(wǎng)站接入QQ登錄，首先引入授權(quán)js文件，這個需要提交申請的，通過之后按照下面的步驟進行操作就可以了2014-07-07
使用js簡單實現(xiàn)下常用的左側(cè)導(dǎo)航效果為提高導(dǎo)航性能而生，各位朋友可以參考應(yīng)用，希望對大家有所幫助2013-10-10
Bootstrap fileinput 上傳新文件移除時觸發(fā)服務(wù)器同步刪除的配置
這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時觸發(fā)服務(wù)器同步刪除的配置 ,需要的朋友可以參考下2018-10-10
JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call，apply，bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06
本文給大家分享兩段代碼來通過js動態(tài)生成年份和月份功能，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02