用js判断页面是否加载完成实现代码


在JavaScript中,判断页面是否加载完成通常可以通过监听`DOMContentLoaded`事件来实现。这个事件会在页面的HTML被完全加载和解析完成后触发,无需等待样式表、图片和子框架的完成加载。

以下是一个简洁的示例代码,展示了如何使用`DOMContentLoaded`事件来判断页面是否加载完成:


document.addEventListener('DOMContentLoaded', function() {
    // 页面加载完成后的代码放在这里
    console.log('页面加载完成');
});

这段代码通过`addEventListener`方法给`document`对象添加了一个监听器,用于监听`DOMContentLoaded`事件。一旦事件被触发,就会执行提供的回调函数,通常在这个回调函数内部执行页面加载完成后需要进行的操作。

这种方法是处理页面加载完成逻辑的一种常见且简洁的方式。