监测子窗口关闭事件：JavaScript实现

本示例介绍了一种在父窗口中检测由`window.open()`方法打开的子窗口关闭事件的方法。 在JavaScript中，`window.open()`函数用于打开一个新的浏览器窗口或标签。这个函数返回一个表示新窗口的对象，可以用来与该窗口进行交互。然而，JavaScript本身并不直接提供一种在父窗口监听子窗口关闭事件的机制。为了实现这一功能，我们需要采用一些技巧来模拟这个行为。 在提供的代码中，我们看到以下关键点： 1. 变量声明：首先，定义了两个变量，`timer`用于存储定时器的ID，`winOpen`用于保存`window.open()`返回的子窗口对象。 2. IfWindowClosed函数：这是一个自定义函数，用于检查`winOpen`窗口是否已经关闭。它通过比较`winOpen.closed`属性的值来判断子窗口是否关闭。如果关闭，它会更新父窗口中名为`txtValue`的文本框的值，并清除定时器。 3. 定时器：使用`window.setInterval()`创建一个定时器，每隔500毫秒调用一次`IfWindowClosed`函数。这样，定时器会周期性地检查子窗口是否已关闭。 4. 按钮点击事件：当用户点击`btnOpen`按钮时，清空`txtValue`文本框的值，并使用`window.open()`打开一个名为`child.htm`的新窗口。同时，将`winOpen`设置为新窗口对象，并设置定时器。 这段代码的工作原理是，通过定时器不断检查子窗口的状态。一旦子窗口被关闭，`winOpen.closed`将变为`true`，`IfWindowClosed`函数会被调用，从而在父窗口中显示子窗口已关闭的信息，并清除定时器以防止不必要的后续检查。 请注意，由于浏览器的同源策略限制，这种方法只适用于父窗口和子窗口具有相同源的情况。如果子窗口加载的是跨域内容，那么父窗口将无法访问子窗口的`closed`属性，因此这种方法可能无效。在实际应用中，为了实现更可靠的跨域通信，可以考虑使用`postMessage`和`message`事件来进行父子窗口之间的通信。