JavaScript中的window.onload和jQuery中的.ready()都是页面加载完成后执行的事件处理函数，用于在页面加载完成后执行一些JavaScript代码。它们之间的主要区别如下：

触发时机：

window.onload是在页面所有资源（如图片、CSS、JavaScript等）都加载完成后触发，而.ready()是在DOM树构建完成后触发，即在页面元素加载完成后但不一定等待所有资源加载完成就可以执行。

可执行多次：

window.onload只能被执行一次，如果多次添加会被覆盖，而.ready()可以被执行多次，每次添加都会被执行。

执行时机：

window.onload必须等到所有资源都加载完成后才能执行，这意味着如果页面资源较多，需要等待一段时间才能执行JavaScript代码；而.ready()可以在DOM树构建完成后立即执行，不需要等待资源加载完成。

执行速度：

由于.ready()不需要等待资源加载，所以它的执行速度通常比window.onload更快。

综上所述，window.onload和.ready()都可以在页面加载完成后执行JavaScript代码，但它们的触发时机、可执行次数、执行时机和执行速度都有所不同，开发者应该根据实际情况选择合适的事件处理函数。在使用.ready()时，需要注意它只能用于jQuery环境下。

【js的window.onload和jquery的.ready()什么区别】相关推荐

window.onload和jQuery的ready函数区别
先说结论:非常重要!!! 1.onload只能有一个,如果存在多个,后面的覆盖前面的,ready函数可以有无数个,按照顺序依次执行(执行次数不同) 2.ready函数在DOM层渲染完毕则自动执行,on ...
js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint? Window.onload = function (){ // 编写代码 } Wind ...
window.onload和jquery中$(function(){ })的区别
为什么80%的码农都做不了架构师?>>> 今天调试js发现一个问题,我想页面加载完之后才执行我写的js方法,首先我用jqery中$(function(){ })调试了N久都没有 ...
Dom onload和jQuery document ready的区别
使用如下代码进行测试: <html> <script src="jquery_1.7.1.js"> </script> <script&g ...
JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势！
由于项目需要,使用JQuery也有相当一段时间了.由于经常要处理DOM节点加载.图片显示以及动态资源请求,所以对$(document).ready(function(){})理解也越来越深了,所有在此 ...
关于JS的window.onload与$(function (){})方法区别
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(function (){})==$(document).ready()是DOM结构绘制完毕后就执行,不必等到 ...
被引用的外部JS存在window.onload时，判断当前页面是否已存在window.onload，并进行相应处理...
如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行:这时如果a.html里使用了window.onload方法,b.js就不能重复调 ...

【js的window.onload和jquery的.ready()什么区别】

触发时机：

可执行多次：

执行时机：

执行速度：

【js的window.onload和jquery的.ready()什么区别】相关推荐

最新文章

热门文章