主要说明的有两个关键的元素
document.onreadystatechange
和document.readyState
#document.onreadystatechange
The readystatechange event is fired when the readyState attribute of a document has changed.
当readyState状态变化的时候,就会触发onreadystatechange的事件
#document.readyState
The Document.readyState property of a document describes the loading state of the document.
readyState来表示页面加载状态,有以下三个属性:
- loading (加载document元素)
- interactive (document元素加载完成,但是图片,样式等还没加载完成)
- complete (页面加载完成)
实例
document.onreadystatechange = function() {
if(document.readyState == "complete"){
console.log("页面加载完成")
}
}
网友评论