window.load和ready的区别

  1、执行时机：

window.onload：必须等待网页全部加在完毕（包括图片等），然后再执行包裹代码

$(document).ready()：只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码

  2、执行次数：

window.onload：只执行一次，如果第二次，那么第一次的执行会被覆盖

      $(document).ready()：可以执行多次，第N次都不会被上一次覆盖

  3、简写方案：

window.onload：无

$(document).ready()：$(function (){

});

现实中很少用window.onload，因为要页面中大型元素加载完毕才能执行js代码，在网速较慢的情况下，页面已经全面展开但是图片却还在加载，该页面上的JS交互功能全部处于假死状态，并且只能执行单词在多次开发和团队开发中会带来一些困难。