1.document加载的过程中会不断修改document.readyState属性
该属性标志着文档加载到哪个阶段了;其取值有:
uninitialized:文档对象已存在,但未初始化
loading:文档对象正在初始化
loaded:文档对象加载完毕
interactive:文档可交互了
complete:文档加载资源完毕(如css、图片等)
2.document在状态切换时会调用其绑定的readystatechange事件(按理说应该会调用四次,但往往只能调用两次,我估计是在绑定事件之前文档就已经加载完毕了,因此只能监听到从loaded到interactive和从interactive到complete)【有什么好方法可以监听到所有状态改变的请@我】
3.DOMContentLoad事件几乎是在document.readyState变为interactive时调用,此时DOM树已经加载完成,外部资源未加载
4.load事件是在document.readyState变为complete,即外部资源加载完成后调用