js 页面加载完成后触发事件

作者：潮起潮落发布日期:2025-12-13 浏览:87

// 使用 window.onload 确保页面完全加载后触发事件
window.onload = function() {
    console.log("页面已完全加载");
    // 在这里可以放置需要在页面加载完成后执行的代码
};

// 或者使用更现代的 DOMContentLoaded 事件，它会在 DOM 完全加载后触发，但不等待所有资源（如图片）加载完成
document.addEventListener('DOMContentLoaded', function() {
    console.log("DOM 已加载并构建完成");
    // 在这里可以放置只需要在 DOM 准备好后执行的代码
});

解释说明：

window.onload:
- 当整个页面（包括所有依赖资源，如图片、样式表等）完全加载后触发。
- 适用于需要确保所有资源都加载完毕后再执行的场景。
DOMContentLoaded:
- 当 HTML 文档被完全加载和解析后触发，而无需等待样式表、图片等资源加载完毕。
- 更适合用于只需要在 DOM 准备好后执行的操作，性能上也更好。

上一篇：js 弹出输入框

下一篇：js 关闭页面