用javascript實(shí)現(xiàn)始終保持打開(kāi)同一個(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è)可以打開(kāi)新窗體的鏈接，如何實(shí)現(xiàn)如果窗體已打開(kāi)，則將焦點(diǎn)轉(zhuǎn)到已打開(kāi)的窗體，否則打開(kāi)新窗體。難點(diǎn)：如何判斷窗體已打開(kāi)，及將將打開(kāi)的窗體Active？
2.如何實(shí)現(xiàn)一個(gè)主窗體關(guān)閉時(shí)，將所有 打開(kāi)的其他相關(guān)窗體一起關(guān)閉？
實(shí)現(xiàn)要點(diǎn)：
1. window.open 會(huì)返回新打開(kāi)窗口的 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è)可以打開(kāi)新窗體的鏈接，如何實(shí)現(xiàn)如果窗體已打開(kāi)，則將焦點(diǎn)轉(zhuǎn)到已打開(kāi)的窗體，否則打開(kāi)新窗體。難點(diǎn)：如何判斷窗體已打開(kāi)，及將將打開(kāi)的窗體Active？
2.如何實(shí)現(xiàn)一個(gè)主窗體關(guān)閉時(shí)，將所有 打開(kāi)的其他相關(guān)窗體一起關(guān)閉？
1. window.open 會(huì)返回新打開(kāi)窗口的 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)文章
Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法總結(jié)（附代碼）
這篇文章主要介紹了Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法，通過(guò)meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
Bun運(yùn)行時(shí)是新一代高性能JavaScript/TypeScript運(yùn)行時(shí)
Bun由Jarred Sumner創(chuàng)建,是一款新興的JavaScript和TypeScript運(yùn)行時(shí),旨在比Node.js和Deno提供更高性能和快速啟動(dòng),Bun使用Zig語(yǔ)言編寫(xiě),內(nèi)置包管理并支持Node.js大部分API,適用于高并發(fā)API服務(wù)和快速構(gòu)建工具2024-11-11
JavaScript操作 url 中 search 部分方法函數(shù)
這篇文章主要介紹了JavaScript操作 url 中 search 部分方法函數(shù)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
javascript中函數(shù)的特殊性與普通，對(duì)待函數(shù)可以像對(duì)待普通變量一樣2008-05-05
簡(jiǎn)單封裝js的dom查詢(xún)實(shí)例代碼
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單封裝js的dom查詢(xún)實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
網(wǎng)站接入QQ登錄，首先引入授權(quán)js文件，這個(gè)需要提交申請(qǐng)的，通過(guò)之后按照下面的步驟進(jìn)行操作就可以了2014-07-07
js實(shí)現(xiàn)的常用的左側(cè)導(dǎo)航效果
使用js簡(jiǎn)單實(shí)現(xiàn)下常用的左側(cè)導(dǎo)航效果為提高導(dǎo)航性能而生，各位朋友可以參考應(yīng)用，希望對(duì)大家有所幫助2013-10-10
Bootstrap fileinput 上傳新文件移除時(shí)觸發(fā)服務(wù)器同步刪除的配置
這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時(shí)觸發(fā)服務(wù)器同步刪除的配置 ,需要的朋友可以參考下2018-10-10
JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會(huì)寫(xiě)call，apply，bind,但個(gè)人覺(jué)著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06
JS動(dòng)態(tài)生成年份和月份實(shí)例代碼
本文給大家分享兩段代碼來(lái)通過(guò)js動(dòng)態(tài)生成年份和月份功能，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-02-02