Document.readyState 如何使用和侦听

Document.readyState 如何使用和侦听

Document. readyState 有三种状态

• loading： 文档还在加载中
• interactive： 文档主体内容已加载完成，但附属的图片、js、css 什么的还在载入中
• complete： 加载完成

侦听使用

document.onreadystatechange = event => {
	console.log(event)
	console.log(document.readyState)
}

当 document 状态发生变化时，会触发 docuemnt.onreadstatechange 事件，这个事件的内容如下：

document.onreadystatechange = event => {
   console.log(event.timeStamp, document.readyState)
}

可以看到对应时间对应的事件变化：