jquery中$(document).ready(function(){//todo});window.onload时间线关系

时间：2014-07-11 12:34:42 收藏：0 阅读：315

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...");

　　}