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元素被加载完成的情况下执行。
页面加载完成有两种事件，一是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本回答被提问者和网友采纳
document.ready事件和document.load事件的区别
1、概念 document.ready：是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；document.load：是onload，指示页面包含图片等文件在内的所有元素都加载完成。2、作用 document.ready：在DOM加载完成后就可以可以对DOM进行操作。一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css...
JS 页面加载触发事件 document.ready和onload的区别
都是监听DOM是否加载完全，加载完即执行相应事件。 一些不同之处： 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window......
document.ready和onload的区别
一、加载程度不同 1.document.ready：在DOM加载完成后就可以可以对DOM进行操作。一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。2.onload：在document文档加载完成后就可以可以...
JS 页面加载触发事件 document.ready和onload的区别
document.ready在文档DOM结构绘制完毕后就执行，不必等到加载完毕 而onload 事件会在页面或图像加载完成后立即发生。
document load 和document ready的区别?
第一个短语是已经准备就绪，可以安装，第二个短语是准备过程中，需要一段时间！
JS 页面加载触发事件 document.ready和onload的区别
在Jquery里面，我们可以看到两种写法:$(function(){})和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(...
document.ready和onload的区别
最简单的就是 执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
document load 和document ready的区别
Document.onload 是在结构和样式加载完才执行js Document.ready原生种没有这个方法，jquery中有 $().ready(function)
JS 页面加载触发事件 document.ready和onload的区别
ready是dom树加载完成就可以执行，而onload是所有文件加载完成才执行。ready可以多个书写，而onload只会执行一次。
document.ready和onload的区别
(document).ready(...) 和 window.onload 事件虽然具有类似的效果，但是，它们在触发操作的时间上存在着微妙的差异。window.onload 当一个文档完全下载到浏览器中时，会触发 window.onload 事件。这意味着页面上的全部元素对 javascript 而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无...
