Javascriptによる実装では、常に同じサブウィンドウを開き、親ウィンドウを閉じながらすべてのサブウィンドウを自動的に閉じる

2527 ワード

今日ネット上でこの文章を見て、あまり使わないような気がしますが、結局このような機能が必要な人もいます.そうしないと、この文章はありません.この文章は主に以下の問題を解決します.
 
  
1. , , , 。 : , Active?  
2. ,   ?  
実装のポイント:
1. window.Openは、新しく開いたウィンドウのwindowオブジェクトを返します. 
2.アナログの簡単なHashMapストレージサブウィンドウのwindowオブジェクトを実現する. 
3.オープンするたびに、このHashMapを取得し、サブウィンドウが既に存在するかどうかを確認します. 
4.存在する場合はフォーカス(window.focus)を直接切り替えます.
5.存在しない場合はopenが1つです. 
6.4の場合、サブウィンドウが閉じている可能性があるので、focusを呼び出し(実際には任意の方法で)、エラーが発生した場合はopenも1つ開きます.
7.parentを閉じるとき、HashMapを巡り、すべてのサブウィンドウを閉じてみます. 
8.すべての操作は親ウィンドウで実行されます. 
9.jsとdhtmlを熟知し、詳細な問題処理に注意する必要がある限り、実装原理全体は簡単です. 
現在IE 6 sp 1のテストに合格して、FFはwindowを支持しないためです.focusは使いにくいです.
Parent window function openWin() {//debugger; var sltWins = document.getElementById("sltWins"); var url = sltWins.value; var winName = url.replace('.', '_'); var win; win = winMap[winName]; try { win.focus(); }catch(e) {//alert(e.message);//we need to open a new window when the child window has not//been opened or the child window has been close.//as to the later, you also can implements some method that notices the parent window//to remove the child window from our winMap object when it is closing.//but it's a piece of hard work, i think so, because you must//add the notice codes to all the child windows//win = window.open(url, winName, "top=100,left=100,width=400,height=300"); winMap[winName] = win;//if(!win) { alert("Sorry, fail to open the window.Some unexpected error occurs."); } else {//i try to bind a callback function to the child window's unload event//unfortunately, it seems not to work.//win.onunload = function() {//try {//alert(opener.winMap[winName]);//opener.winMap[winName] = null;//alert(opener.winMap[winName]);//} catch(e) {////alert(e.message);//}//}; win.focus(); } } } //stores the opened window object var winMap = new Object();//winMap["TestedKey"] = "TestedValue"; window.onunload = function() {//try to close all child windows. for(var propName in winMap) { try { winMap[propName].close(); }catch(e) {//alert(e.message); } } }

Maintaining the Parent window and Multi Child windows as in WinForm

funcions:

  • Open the same child window once.
  • Close all the child windows when the parent window is closing.
  • Child window: #1 #2
    [Ctrl+A全オプション:外部Jsを導入するにはリフレッシュが必要]
    パッケージファイルのダウンロード