jquery中的$( document).ready(function(){} )和$( window).load( )有什么区别?
1.执行次数不同:原生:当我引入多个js文件给window注册onload事件后只会执行我最后一次引入的onload事件可以理解为会把前面的覆盖jq:当我用$(document).ready()的方式给多个js文件注册的时候里面的函数和代码都可以执行并且按事件的注册先后顺序执行2.执行时间不同原生$(window).load()必须等到页面内元素包括图片的所有元素加载完之后执行。jq$(docum
1.执行次数不同:
原生 :当引入多个js文件给window注册onload事件后 只会执行最后一次引入的onload事件 可以理解为会把前面的覆盖
jq:当我用$(document).ready()的方式给多个js文件注册的时候里面的函数和代码都可以执行 并且按事件的注册先后顺序执行
2.执行时间不同
原生 $(window).load() 必须等到页面内元素包括图片的所有元素加载完之后执行。
jq $(document).ready() 只会等Dom元素加载完成后就会执行
题外
load 事件只能在两个场景下使用
1. window对象上的 window.onload = function () {}
2.带有src属性的元素 $('img').load(function(){})
除此之外, 任何元素没有load事件 例如 document.onload = function () {} 不会执行
jq $(document).ready() 可以简写为
$(function(){
...
})
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)