主要说明的有两个关键的元素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来表示页面加载状态，有以下三个属性：

1. loading (加载document元素)
2. interactive (document元素加载完成，但是图片，样式等还没加载完成)
3. complete (页面加载完成)

实例

document.onreadystatechange = function() {
  if(document.readyState == "complete"){
    console.log("页面加载完成")
  }
}