在 JavaScript 中，判断页面是否Yi经打开/加载完成，主要分几种场景，咱就是说每种场景dou有对应的解决方案。

先说个Zui常用的，哈哈，就是监听 DOMContentLoaded 事件。

document.addEventListener { console.log; });

这个事件触发时表示初始的 HTML 文档被完全加载和解析完成，不用等图片、样式表、子框架加载完，说实话，这时候就Ke以开始搞事情了。

这个Zui常用在组件初始化、获取 DOM 元素，你懂的。

还有个场景，就是判断页面是不是正在被用户查kan，不是Zui小化、不是后台，害，这个就得用 visibilitychange 事件了。

document.addEventListener { if { console.log; } else { console.log; } });

在JavaScript中,我们Ke以通过监听window对象的load事件来判断页面是否加载完成。

方法有hen多，比如使用 window.onload 属性，你Ke以直接赋值一个函数，它会在页面所有资源加载完成后执行。

window.onload = function { console.log; };

不对不对，应该是还有其他方法，比如监听 load 事件，也是Ke以的。

window.addEventListener { console.log; });

这个那个那个，有点复杂，但还是有办法的，Ke以通过 performance.navigation.type 来判断。

if { console.log; } else { console.log; }

直接检查 document.readyState 属性就行了说实话，这招hen实用。

if { console.log; } // 或者监听状态变化 document.onreadystatechange = function { if { console.log; } };

DOMContentLoaded只等 DOM，不等图片 → 快

window.load等所有资源 → 慢

document.readyState随时Ke以查当前状态 → Zui灵活

document.readyState 是页面加载状态

三个状态：loading → interactive → complete

Zui常用判断：

DOM 就绪：interactive

页面完全打开：complete

"为什么百度不收录我的网站？", 有人问过我，哈哈，这个问题嘛，其实有hen多原因，比如网站内容不够丰富、geng新频率太低，或者是 SEO Zuo得不够好，你得确保你的网站对搜索引擎友好才行。

实际开发中，掌握以下几种方式即可覆盖绝大多数场景： , 你Ke以使用 // 页面完全加载完成后触发 window.onload = function { console.log; } 或者,咱就是说,也Ke以用 // 用addEventListenergeng灵活 window.addEventListener => { console.log }) 然后呢, 只需要 HTML 结构渲染完成，不用等图片、视频啥的，就用 document.addEventListener => { console.log }) 是不是挺简单的,哈哈!