说一说load和ready区别？

      document.ready：

　　是ready，表示文档结构已经加载完成 不包含图片等非文字媒体文件 只要html标签结构加载完毕就可以;

　　document.load：

　　是onload，指示页面包含图片等文件在内的所有元素都加载完成。

　　1、概念

　　2、作用

　　document.ready：

　　在DOM加载完成后就可以可以对DOM进行操作。

　　一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。

　　那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。

　　document.load：

　　在document文档加载完成后就可以可以对DOM进行操作，document文档包括了加载图片等其他信息。

　　那么Dom Load就是在页面响应加载的顺序中的“加载图片等其他信息”之后，就可以操作Dom了。

　　3、加载顺序

　　document.ready：

　　文档加载的顺序：域名解析-->加载HTML-->加载JavaScript和CSS-->加载图片等非文字媒体文件。

　　只要标签加载完成，不用等该图片加载完成，就可以设置图片的属性或样式等。

　　在原生JavaScript中没有Dom ready的直接方法。

　　document.load：

　　文档加载的顺序：域名解析-->加载HTML-->加载JavaScript和CSS-->加载图片等非文字媒体文件。

　　DOM load在加载图片等非文字媒体文件之后，表示在document文档加载完成后才可以对DOM进行操作，document文档包括了加载图片等非文字媒体文件。

　　例如，需要等该图片加载完成，才可以设置图片的属性或样式等。

　　在原生JavaScript中使用onload事件。

上一篇

什么是对Event loop的了解？

下一篇

说一说hash和histoty的原理？