10.8日博客

1、概念document.ready：是ready，表示文档bai结构已经加载完成（不包含图片等非文字媒体文件）；document.load：是onload，指示页面包含图片等文件在内的所有元素都加载完成。
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事件。

什么是DOM？