首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

window.onload vs. body.onload vs. document.onready

window.onload、body.onload和document.onready都是用来在网页加载完成后执行某些操作的事件。

  1. window.onload:当整个页面及其所有资源(包括图片、样式表、脚本等)都加载完成后触发。可以用来确保页面的所有元素都已经加载完毕,可以进行后续的操作。在这个事件中,可以执行一些需要等待页面完全加载后才能进行的操作,比如初始化页面的一些功能或者绑定事件监听器。
  2. body.onload:当页面的<body>元素及其内部的所有内容都加载完成后触发。与window.onload类似,但是它只关注<body>元素内部的内容是否加载完成,而不考虑外部资源的加载情况。可以用来执行一些与<body>元素相关的操作,比如操作页面中的特定元素或者执行一些与页面内容相关的逻辑。
  3. document.onready:当DOM树构建完成并且页面中的所有元素都可以操作时触发。这个事件在页面加载过程中会比window.onload和body.onload更早触发,因为它只关注DOM树的构建情况,而不需要等待外部资源的加载。可以用来执行一些与DOM元素相关的操作,比如修改元素的样式、添加事件监听器等。

推荐的腾讯云相关产品:

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券