Js篇-面试题14-JavaScript 中的 window.onload 事件和 jQuery 的 ready 函数有何区别

JavaScript 中的 window.onload 事件和 JQuery 的 ready 函数有何区别

执行时机: window.onload必须等待网页中所有内容加载完毕后(包括图片)才能执行,而$(document).ready()是网页中所有DOM结构绘制完毕后执行,可能DOM元素关联的东西并没有加载完,在DOM完全就绪时就可以被调用,此时,网页的所有元素对JQuery而言都是可以访问的,但是这并不意味着这些元素关联的文件都已经下载完毕

编写个数: window.onload不能同时编写多个,而$(document).ready()能同时编写多个

window.onload = function() {
  alert('test1`');
};

window.onload = function() {
  alert('test2');
};
// 结果只会输出test2

而$(document).ready()能同时编写多个

$(document).ready(function() {
  alert('Hello world');
});

$(document).ready(function() {
  alert('hello itclanCoder');
});
// 结果会两次输出
// 可以简写成
$(function() {
  //..
});

如果什么问题,欢迎小伙伴们底下一交流学习讨论,加油

玩一玩-搞清亲戚称谓关系