快捷導(dǎo)航

js父窗口關(guān)閉時子窗口隨之關(guān)閉完美解決方案

更新時間：2014年04月29日 15:21:55 作者：

admin注銷的時候，或者main.html關(guān)閉的時候，如何讓打開的所有新窗口一起關(guān)閉，下面有個不錯的解決方案，大家可以參考下

最近，遇到一個權(quán)限管理的系統(tǒng)。由于權(quán)限管理的系統(tǒng)和本來的系統(tǒng)風(fēng)格不一致，所有新打開一個窗口。問題就來了，admin注銷之后，權(quán)限管理的窗口沒有關(guān)閉。其他普通用戶登錄以后，仍然可以操作權(quán)限管理的窗口。

問題簡化：admin注銷的時候，或者main.html關(guān)閉的時候，打開的所有新窗口一起關(guān)閉。問題就解決了

直接看代碼吧：

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body onUnload="closeNews();"> 

<a href="#" onclick="openNew('http://www.baidu.com','nihao')">打開新窗口</a> 
<a href="#" onclick="logOut();">退出登錄</a> 
</body> 
</html> 

<script> 
//用戶記錄所有打開的子窗口 
var win_Array = new Array(); 
var win_num = -1; 

//每次打開一個新窗口都記錄下來 
function openNew(uri,param){ 
win_num = win_num+1; 
win_Array[win_num] = window.open(uri); 
} 

//用戶注銷的時候，執(zhí)行關(guān)閉方法。body添加onUnload = "closeNews();" 當(dāng)main窗口關(guān)閉時候，所有的子窗口關(guān)閉 
function closeNews(){ 
//關(guān)閉權(quán)限管理 
if(win_Array.length > 0){ 
for(var i = 0;i <= win_Array.length;i++){ 
var win_one = win_Array[i]; 
if(win_one != undefined){ 
win_one.close(); 
} 
} 
} 
} 

function logOut(){ 
//關(guān)閉子窗口 
closeNews(); 

//退出登錄 
} 

</script> 

說明一下：

<body onUnload="closeNews();">在body上添加onUnload事件很重要。即：當(dāng)窗口關(guān)閉以后，執(zhí)行關(guān)閉所有子窗口的方法。

測試：在web項目中，ie8,ie10,火狐,chrome,opera都沒有問題。

一旦不放倒wen容器中，只是靜態(tài)的 main.html頁面的時候，ie有問題，因?yàn)殪o態(tài)的時候，ie的window.open()居然是打開新頁面，不是打開新標(biāo)簽。所有關(guān)閉窗口的方法不再有效。

時間有限，還沒有花精力去細(xì)究，還望知道為什么的js技術(shù)大神可以指導(dǎo)一下。再次致謝。

您可能感興趣的文章: