window.onload和$(document).ready对比

http://blog.163.com/mongying_net/blog/static/3511271201201591259531/

一、

window.onload必须等网页中的所有DOM结构加载完毕,并且所有内容下载完毕(包括图片下载完)才能执行;

$(document).ready网页中的所有DOM结构加载完毕就开始执行;

二、

window.onload不可以多次使用;

window.onload = function(){

  alert('test1');

}

window.onload = function(){

  alert('test2');

}

结果只有'test2'!

而$(document).ready可以多次使用;

$(document).ready(function(){

  alert('test1');

});

$(document).ready(function(){

  alert('test2');

});

结果'test1'、'test2'!

另,$(document).ready(function(){

  ......

})

有一个简化写法:$(function(){

  ......

})

原文地址:https://www.cnblogs.com/pigtail/p/2542918.html