1、基于DOM的解析加载过程，即:document.readystate状态，

其有如下四个状态：

a、uninitiated，未初始化状态。

b、loading，dom开始解析。

c、loaded，dom解析完成、document.ready触发，然后再加载其他东西(图片、延迟加载的js代码等)。

d、complete，所需要的图片 异步js等也加载完成，整个页面不在请求数据。

2、例子如下:

document.onreadystatechange = function(){

　　if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入
　　　　console.log("dom resolve complete");
　　} else if(document.readyState=="loading"){

　　　　console.log("dom resolving");

　　}else if(document.readyState == "loaded"){

　　　　console.log("dom resolved...");

　　}

}