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

window.onload 与 $(document).ready() 两者作用相似，都是为了等待dom文档加载完毕再执行，但又有不同之处。

执行时机对比：

window.onload ：必须等待网页内容完全加载完毕（包括图片）才能执行。

$(document).ready() ：网页中所有的Dom加载完毕即执行，可能Dom关联的元素并没有加载完毕。

 

编写个数对比：

window.onload 同一页面，只能编写一次。多次编写后面的会层叠掉前面的。

$(document).ready() : 能多次编写，按编写顺序依次执行。

 

简写方式对比：

 window.onload 无法简写。

$(document).ready(function(){}) 可以简写为  $(function(){})。