对window的onload与window的ready的认识

1. 页面的加载顺序

  一般情况下，一个页面的相应加载顺序是：域名解析——>加载html——>加载js和css——>加载图片等其他信息。

2. 关于document.ready()与document.onload()

document.ready()：

/*
  写法
*/
//jq的写法
$(document).ready(function(){
    //do something
});
//简写，默认document
$().ready(function(){
    //do somethin
});
//简写，最常用
$(function(){
    //do something
});

document.onload()：

window.onload=function(){
   //代码块
}

3. document.ready()与document.onload()的区别

• 执行时间上的区别：window.onload必须等到页面内（包括图片的）所有元素加载到浏览器中后才能执行。而$(document).ready(function(){})是DOM结构加载完毕后就会执行。
• 编写个数不同：window.onload不能同时写多个，如果有多个window.onload，则只有最后一个会执行，它会把前面的都覆盖掉。$(document).ready(function(){})则不同，它可以编写多个，并且每一个都会执行。
• 简写方法：window.onload没有简写的方法，$(document).ready(function())可以简写为$(function(){})。

总的来说，说$(document).ready要比window.onload先执行。