jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别

简介: jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别

jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别

jQuery的ready事件和原生JS的load事件的区别:

  • 页面中可以有多个ready事件,而load事件会出现覆盖现象


  • ready事件的执行时间早于load事件,因为ready事件需要在页面的DOM树渲染完毕后马上触发,而load事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。


相关文章
|
1月前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
36 4
js学习--制作猜数字
|
1月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
44 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
1月前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
36 4
|
1月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
17 2
|
1月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
16 2
|
1月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
33 1
|
1月前
|
JavaScript
js学习--抽奖
js学习--抽奖
14 1
|
1月前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
30 1
|
17天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
28 0
|
1月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
32 0