window.onload和jQuery中的ready的区别

简介:


①注册次数的区别:

$(document).ready(function(){ alert("弹出1");});
$(document).ready(function(){ alert("弹出2");});
两次信息都会弹出。
   
window.onload = function(){ alert("弹出1"); }
window.onload = function(){ alert("弹出2"); }
只会执行弹出2。看那个等于号,相当于赋值,第二次把第一次覆盖了。


②执行时间的区别


onload
是要等所有DOM元素创建完毕,图片,CSS等都加载完毕才开始执行。

ready 
只要等DOM元素创建完毕即可,这样提高了网页的相应速度。

当然,$(window).load(function()) 可以实现onload的效果。



目录
相关文章
|
7月前
|
JavaScript 前端开发 API
vue和jQuery有什么区别
vue和jQuery有什么区别
51 0
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
34 0
|
6月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
130 0
|
7月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
7月前
|
JavaScript 前端开发 API
js和jquery的区别
js和jquery的区别
61 8
|
7月前
|
XML 前端开发 JavaScript
jQuery与javascript的区别+案例 锋芒毕露
jQuery与javascript的区别+案例 锋芒毕露
|
7月前
|
JavaScript 前端开发
jQuery 和 Zepto 的区别? 各自的使用场景?
jQuery 和 Zepto 的区别? 各自的使用场景?
46 1
|
7月前
|
JavaScript 前端开发 API
JavaScript和jQuery的区别
JavaScript和jQuery的区别
|
7月前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
62 0
|
7月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
87 0