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

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐