document对象和window的常用事件

haoyanyu_

于 2020-03-10 15:17:45 发布

阅读量747

点赞数

分类专栏： HTML 日常总结

本文链接：https://blog.youkuaiyun.com/haoyanyu_/article/details/104773458

版权

本文介绍了document对象的readystatechange和visibilitychange事件，以及window对象的load、unload、beforeunload、pageshow和pagehide事件。readystatechange事件对应DOM加载的不同阶段，visibilitychange与页面可见性有关。window的load事件在所有资源加载完成后触发，unload表示页面不可见，beforeunload允许交互但会影响BFCache，pageshow和pagehide则分别在页面显示和隐藏时触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document

readystatechange

当document.readyState的值发生变化时就会触发以上事件

readyState的值有：
1. loading
DOM还在加载中（此时貌似js还没开始执行，js里捕获不到这个状态）
2. interactive
DOM已经加载完毕，css，图片，iframe里的页面还没加载完（$(document).ready()就是指这个时候
即触发DOMContentLoaded的时候document.addEventListener('DOMContentLoaded', function () {})
3. complete
DOM CSS 图片等全都加载完毕（window.onload就是这个时候）