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

功能区别

因为javaScript脚本往往需要在文档加载完成后才能执行，否则可能会出现无法获取对象的情况，为了避免这样的情况，可以将脚本文件放在页面底部，或者使用window.onload。
而$(document).ready（）与window.onload功能相似，有一些区别：

执行时间有区别

window.onload必须等到所有资源加载完成后，才可以执行
而$(document).ready在DOM树加载完后就可以执行，因此速度要快一些

允许存在的个数不同

window.onload不能写多个，因为即使写了多个也只会执行一个
$(document).ready()可同时编写多个，并且都可以得到执行

是否有简化写法

window.onload没有简化写法
$(document).ready(function(){}) 可以简写成$(function(){});

---

用法

window.onload = function(){....}

$(document).ready(function(){...})

$(function(){…});