Use javascript to always keep the same child window open and close the parent window while automatically closing all child windows_javascript skills

I saw this article on the Internet today, and I feel that it is rarely used, but after all, some people still need such a function, otherwise there would be no such article. This article mainly solves the following problems:

Copy code The code is as follows:

1. Click a link that can open a new form. How to implement the if form If it is open, the focus goes to the already opened form, otherwise it opens a new form. Difficulty: How to determine whether the form is open and whether the form to be opened is Active?
2. How to close all other related open forms when a main form is closed?

Implementation points:
1. window.open will return the window object of the newly opened window.
2. Implement a simulated simple HashMap to store the window object of the child window.
3. Each time it is opened, retrieve this HashMap to determine whether the child window already exists.
4. If it exists, switch the focus directly (window.focus).
5. If it does not exist, open one.
6. For 4, it is possible that the sub-window has been closed, so I took some tricks and first called its focus (in fact, it can be any method). If there is an error, open one as well.
7. When closing the parent, traverse the HashMap and try to close all child windows.
8. All operations are performed in the parent window.
9. The whole implementation principle is actually very simple, as long as you need to be familiar with js and dhtml, and then pay attention to the details.

Currently, IE 6 sp1 has passed the test. FF is not suitable for use because it does not support window.focus.

<title>Parent window</title> <h3> </h3> <h4 id="Maintaining-the-Parent-window-and-Multi-Child-windows-as-in-WinForm">Maintaining the Parent window and Multi Child windows as in WinForm</h4> <ol>funcions:<li> </li> <li>Open the same child window once.</li> </ol>Close all the child windows when the parent window is closing.<select id="sltWins"> <option selected value="c1.htm"> Child window: </option> <option value="c2.htm">#1</option> </select>#2<input id="btnOpen" type="button" value="Open the selected window" onclick="openWin()">
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
] Package file download