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

区别一：提供者

• window.onload 事件是一个JavaScript内置的事件
• $(document).ready 事件是 jQuery 提供的一个事件

区别二：执行顺序

• window.onload 事件会等所有内容（包括图片等）加载完成后才会被触发，因此它比 $(document).ready 事件稍晚一些。
• $(document).ready 事件会在 DOM （不包括图片等内容）加载完成后被触发

区别三：执行次数

• window.onload 只能执行一次，如果多次执行，前面的会被后面的覆盖
• $(document).ready 可以多次执行

示例代码

window.onload = function () {};    // JavaScript

$(document).ready(function () {}); // jQuery
$(function () {}); // jQuery简写