window.onload和$(document).ready()的区别

window.onload和$(document).ready()的区别，如下表所示

 window.onload$(document).ready()执行时间在页面所有内容（图片、文件）加载完后执行页面中所有HTML和css结构加载完之后（不论图片是否加载完成）执行；
如果想要页面所有内容（包括图片）加载完毕，再注册事件，使用
$(window).load(function(){})；其等价于window.onload个数一个页面中仅允许存在一个，多个的话后面的会将前面的覆盖掉，
如果需要执行多个事件，应该写在同一个里面，例如
window.onload=function(){
事件1;
事件2;
}同一个页面可以书写多个（jquery里面采用的是addEventListener的注册事件的方法，所以后面的不会将前面的覆盖） window.onload是原生js里面的，没有简写方式$(document).ready(function(){})是jquery里面的，其等价于$().ready(function(){})或者 $(function(){})