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(){}) |