document.ready事件和document.load事件的区别
发布网友
发布时间：2022-04-23 16:34
共2个回答
热心网友
时间：2022-04-06 16:13
1、概念
document.ready：
是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；
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-->加载图片等非文字媒体文件。
只要<img>标签加载完成，不用等该图片加载完成，就可以设置图片的属性或样式等。
在原生JavaScript中没有Dom ready的直接方法。
document.load：
文档加载的顺序：域名解析-->加载HTML-->加载JavaScript和CSS-->加载图片等非文字媒体文件。
DOM load在加载图片等非文字媒体文件之后，表示在document文档加载完成后才可以对DOM进行操作，document文档包括了加载图片等非文字媒体文件。
例如，需要等该图片加载完成，才可以设置图片的属性或样式等。
在原生JavaScript中使用onload事件。
扩展资料
$(document).ready()和传统的方法<body onload=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载。
而$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。
Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作，jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。
热心网友
时间：2022-04-06 17:31
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。
真不知道这个标题该怎么取，暂时就先凑活着用了。
用jQ的人很多人都是这么开始写脚本的：
$(function(){
// do something
});
其实这个就是jq ready()的简写，他等价于：
$(document).ready(function(){
//do something
})
//或者下面这个方法，jQuer的默认参数是：“document”；
$().ready(function(){
//do something
})
这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。
一般情况先一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。
2、Dom Load
用原生的js的时候我们通常用onload时间来做一些事情，比如：
这个网址：http://wenku.baidu.com/link?url=Tpqh30OAqO4FoV1ecDUjDigbQJFgfzkjSHDe7oJ72pjxBT1qzAfnFKF01js3o7XOb7T40rX-3UEMqOjvmwnnrlUdgc0SpCiu05EJSdMPtZm
