功能区别
因为javaScript脚本往往需要在文档加载完成后才能执行,否则可能会出现无法获取对象的情况,为了避免这样的情况,可以将脚本文件放在页面底部,或者使用window.onload。
而$(document).ready()与window.onload功能相似,有一些区别:
执行时间有区别
window.onload必须等到所有资源加载完成后,才可以执行
而$(document).ready在DOM树加载完后就可以执行,因此速度要快一些
允许存在的个数不同
window.onload不能写多个,因为即使写了多个也只会执行一个
$(document).ready()可同时编写多个,并且都可以得到执行
是否有简化写法
window.onload没有简化写法
(function(){});
用法
window.onload = function(){....}
$(document).ready(function(){...}
$(function(){…});