jquery中$(document).ready(function(){//todo});window.onload时间线关系
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...");
}
}