window.open监听加载完成
时间: 2024-10-10 11:09:31 浏览: 54
JS检测window.open打开的窗口是否关闭
`window.open()` 是 JavaScript 中的一个内置函数,用于在浏览器中打开一个新的窗口或者弹出框。如果你想监听新页面的加载完成,可以利用 `window.onload` 或者 `document.readyState` 事件。
当你使用 `window.open(url[, name[, features]])` 打开新的页面后,你可以通过设置一个匿名函数作为 `window.onload` 属性,该函数会在新页面完全加载完成后执行:
```javascript
var newWindow = window.open('https://example.com');
newWindow.onload = function() {
// 新页面加载完成后的处理逻辑
console.log('新页面已加载完毕');
};
```
另一种方法是使用 `document.addEventListener('DOMContentLoaded', callback)`,这个事件在文档内容可绘制时触发,此时DOM已经解析完毕:
```javascript
newWindow.addEventListener('DOMContentLoaded', function() {
// 页面已准备好执行JavaScript代码
});
```
如果需要更精确地检查是否所有资源都加载完成,可以结合使用 `window.onload` 和 `XMLHttpRequest` 来检查每个脚本、图片等元素的完成状态。
阅读全文