在前端开发过程中，有时候我们需要使用 window.open() 方法来打开一个新的浏览器窗口。当这个窗口加载完成后，我们可能需要执行一些操作，例如改变父窗口中的某些元素或者向服务器发送一些数据。为了实现这个需求，我们需要知道如何检测新窗口的 onload 事件。
监听 onload 事件的方法
要监听新窗口的 onload 事件，我们可以使用 window.open() 方法返回的新窗口对象，并通过该对象的 onload 属性来注册一个事件处理程序。下面是示例代码：
----- --------- - -------------------------------------- ------------- ---------------- - ---------- - ---------------- ------ --- -------- ---------- -- ---------------- --
在上面的代码中，我们首先调用 window.open() 方法来打开一个新窗口，并将返回的对象赋值给 newWindow 变量。接着，我们通过 newWindow.onload 属性将一个函数作为事件处理程序注册到新窗口的 onload 事件上。当新窗口加载完成后，这个函数就会被调用。
注意事项
值得注意的是，如果打开的新窗口中的文档来自另一个域名，则不能直接访问其中的内容，因为这会触发跨域安全机制。如果需要在新窗口中执行某些操作，可以考虑将这些操作封装到一个在新窗口中运行的 JavaScript 文件中，并使用 window.postMessage() 方法来与父窗口通信。
总结
通过监听新窗口对象的 onload 事件，我们可以在新窗口加载完成后执行一些必要的操作。但是，需要注意的是，当打开的新窗口中的文档来自另一个域名时，需要考虑跨域安全问题。
希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31021