document.ready和onload的区别

document.ready和onload的区别

JavaScript文档加载完成事件
页面加载完成有两种事件

1.执行时间 

        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
        $(document).ready()是DOM结构绘制完毕后就执行(不包含图片等非文字媒体文件),不必等到加载完毕。 

2.编写个数不同

         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
         $(document).ready()可以同时编写多个,并且都可以得到执行

3.简化写法

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

http://www.jb51.net/article/21628.htm

原文地址:https://www.cnblogs.com/linsx/p/6815754.html