window.onload和DomContentLoaded

最新推荐文章于 2025-03-11 17:19:44 发布

原创最新推荐文章于 2025-03-11 17:19:44 发布 · 469 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

js 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了网页加载过程中的两个关键阶段：DOMContentLoaded事件触发的时机，即DOM解析完成但外部资源如图片和子帧仍在加载；以及load事件，意味着整个页面及其所有依赖资源都已加载完毕。这对于优化用户体验和编写高效脚本至关重要。

window.addEventListener('load', function () {
    // 页面的全部资源加载完才会执行，包括图片、视频、css、js等
})
document.addEventListener('DOMContentLoaded', function () {
    // DOM 渲染完即可执行，此时图片、视频还可能没有加载完
})

如果你是个jQuery使用者，你可能会经常使用$(document).ready();或者$(function(){})，这都是使用了DOMContentLoaded事件。