1、执行时机:
window.onload:必须等待网页全部加在完毕(包括图片等),然后再执行包裹代码
$(document).ready():只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码
2、执行次数:
window.onload:只执行一次,如果第二次,那么第一次的执行会被覆盖
$(document).ready():可以执行多次,第N次都不会被上一次覆盖
3、简写方案:
window.onload:无
$(document).ready():$(function (){
});
现实中很少用window.onload,因为要页面中大型元素加载完毕才能执行js代码,在网速较慢的情况下,页面已经全面展开但是图片却还在加载,该页面上的JS交互功能全部处于假死状态,并且只能执行单词在多次开发和团队开发中会带来一些困难。