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

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

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() {
  //..
});

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

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

公众号（ID：itclanCoder）

码能让您早脱菜籍，文能让您洗净铅华

  可能您还想看更多：

Js篇-面试题12-如何解析 URL 提取 params 参数

Js篇-面试题11-比较下for..of与for..in的区别

Js篇-面试题9-请说一下Js中的事件循环机制

vuepress建站过程中遇到的一些问题