jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。

1.执行时间 ：

        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 

        $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 

2.编写个数不同 ：

         window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 

         $(document).ready()可以同时编写多个，并且都可以得到执行 

3.简化写法 ：

         window.onload没有简化写法 

         $(document).ready(function(){})可以简写成$(function(){});
4.window的onload事件会在页面中的一切都加载完毕时触发，但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发，不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。与load事件不同，DOMContentLoaded支持在页面下载的早期添加事件处理程序，这也就意味着用户能够尽早地与页面进行交互。