#每天一个知识点#

前端 readyState

document.readyState 表示页面的加载状态,有三个值:

loading 加载 —— document仍在加载。

interactive 互动 —— 文档已经完成加载,文档已被解析,但是诸如图像,样式表和框架之类的子资源仍在加载。

complete —— 文档和所有子资源已完成加载。 load 事件即将被触发。

可以在 readystatechange 中追踪页面的变化状态:

document.addEventListener('readystatechange', () => {
console.log(document.readyState);
});
展开
1