js中load和ready区别，js ready和onload

document.ready和onload的区别

使用时机不同 onload：当用户进入页面时就会触发。document.ready：是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。作用不同 onload：事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。document.ready：是对向window.load事件注册事件的替代方法。

概念 document.ready：是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；document.load：是onload，指示页面包含图片等文件在内的所有元素都加载完成。作用 document.ready：在DOM加载完成后就可以可以对DOM进行操作。

document.ready和onload的区别 最简单的就是 执行时间 window.onload必须等到页面内包括图片的所有元素载入完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到载入完毕。多次呼叫 document.ready 的话，文件载入完成以后回拨会被依次呼叫。

document.ready这个函数是实现了。我们再来验证一下最上面所说的“ready要比onload先执行”：window.onload = function (){ alert(onload)；}；document.ready(function (){ alert(ready)；})；执行这段代码之后，你会看到浏览器里面会先弹出“ready”，在弹出onload。

在Jquery里面，我们可以看到两种写法：$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。

相关问答

Q1: document.ready事件和document.load事件的区别

加载程度不同 document.ready：在DOM加载完成后就可以可以对DOM进行操作。一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。

(document).ready(...) 和 window.onload 事件虽然具有类似的效果，但是，它们在触发操作的时间上存在着微妙的差异。window.onload 当一个文档完全下载到浏览器中时，会触发 window.onload 事件。

使用时机不同 onload：当用户进入页面时就会触发。document.ready：是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。作用不同 onload：事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。document.ready：是对向window.load事件注册事件的替代方法。

document.ready和onload的区别 最简单的就是 执行时间 window.onload必须等到页面内包括图片的所有元素载入完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到载入完毕。多次呼叫 document.ready 的话，文件载入完成以后回拨会被依次呼叫。

ready 事件的触发，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。onload 事件的触发，表示页面包含图片等文件在内的所有元素都加载完成。最基本的区别 执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

在Jquery里面，我们可以看到两种写法：$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。

Q2: js中window.onload和jq中的ready有何不同

1、一般情况下window的load()都是用来设置body标签的onload事件.但onload事件是要在页面的元素全部加载完了才触发的，这也包括页面上的图片，以及大的表格数据。如果页面上图片较多或图片太大，加载需要较多时间，就会导致页面无响应，或者用户做了其它操作了。

2、那么它和window.onload有何不同呢？window.onload是在网页中所有元素 加上所有资源 ++完全加++载到浏览器后才执行。而$(document).ready()中绑定的事件是在 dom完全就绪 时就可以被调用，此时对于jQuery来说都是可以被访问的（关联的资源可能并没有被加载完毕）。

3、在Jquery里面，我们可以看到两种写法：$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。

4、使用window.onload 事件。当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序。第三种方法：使用jquery库的ready方法。

5、使用时机不同 onload：当用户进入页面时就会触发。document.ready：是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。作用不同 onload：事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。document.ready：是对向window.load事件注册事件的替代方法。

Q3: jQuery事件详解之$(document).ready()

window.onload是在网页中所有元素 加上所有资源 ++完全加++载到浏览器后才执行。而$(document).ready()中绑定的事件是在 dom完全就绪 时就可以被调用，此时对于jQuery来说都是可以被访问的（关联的资源可能并没有被加载完毕）。

请确保在 元素的onload事件中没有注册函数，否则不会触发$(document).ready()事件。可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。

(document).ready意思就是说，获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作（译者注：这样做比window.onload()函数要快的多，因为只要文档对象载入完成就能够执行代码了，而不需要等待页面中的图片下载是否已经完成）---这是我们想要的。

关于js中load和ready区别和js ready和onload的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。