js 页面加载完成

// 确保页面加载完成后再执行代码

// 方法一：使用 window.onload
window.onload = function() {
    // 页面所有资源（包括图片、样式表等）都加载完成后执行的代码
    console.log("页面所有资源都已加载完成");
};

// 方法二：使用 DOMContentLoaded 事件
document.addEventListener('DOMContentLoaded', function() {
    // 当 DOM 结构完全加载完成时执行的代码（不等待图片、样式表等资源）
    console.log("DOM 结构已加载完成");
});

// 方法三：使用 jQuery (如果项目中引入了 jQuery)
$(document).ready(function() {
    // 当 DOM 结构完全加载完成时执行的代码（不等待图片、样式表等资源）
    console.log("jQuery - DOM 结构已加载完成");
});

解释说明：

1. window.onload：当整个页面的所有资源（包括图片、样式表等）都加载完成后才会触发。适用于需要确保所有资源都加载完毕的情况。

2. DOMContentLoaded：当 HTML 文档被完全加载和解析完成时触发，但不会等待样式表、图片等外部资源加载完成。适合在 DOM 操作需要尽早执行的情况下使用。

3. jQuery.ready()：如果你的项目中使用了 jQuery，可以使用 $(document).ready() 来确保 DOM 加载完成后再执行代码。它与 DOMContentLoaded 类似，但更简洁易用。

以上三种方法都可以用来确保页面加载完成后再执行特定的 JavaScript 代码。根据实际需求选择合适的方式。