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交互功能所有处于假死状态。而且仅仅能运行单词在多次开发和团队开发中会带来一些困难。