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?