document.ready和window.onload的区别

1.document.ready:

JS写法：document.ready = function(){};

jQuery写法：$(document).ready(function(){}); 或者简写为：$(function(){});

执行时间：在dom结构加载完成之后便执行，不必等待图片等其他资源加载；

个数：无限制，可以写多个ready函数；

例：

// ready:dom结构加载完成就可执行，不需要等待图片加载
$(document).ready(function(){
  alert("second!");
})


// 简化写法
$(function(){
  alert("first!");
});

2.window.onload:

JS写法：window.onload = function(){};

执行时间：需要等页面上所有元素加载完成后再执行，包括图片等。

个数：只能出现一个onload函数；如果写了多个此函数，按照加载顺序取最后一个onload函数生效。

例：

// onload:需要等页面元素全部加载完后执行（包括图片）

window.onload = function(){
  alert("onload");
};