小编Gri*_*ish的帖子

“load”事件与readystatechange“complete”事件有什么区别?

在我的代码中,我等待页面完全加载,然后再删除加载微调器。在这种情况下,“完全加载”包括 CSS、图像等,所以DOMContentLoaded发生得太早了。

我发现该load事件和readystatechange检查readyState“完成”的事件。

document.addEventListener('readystatechange'), (event) => {
    if (document.readyState === "complete") {
        console.log("page fully loaded");
    }
}

document.addEventListener('load'), (event) => {
    console.log("page fully loaded");
}
Run Code Online (Sandbox Code Playgroud)

问题是,这两者之间有明显的区别吗?我希望使用跨浏览器和设备最广泛支持的选项。我见过readystatechangeIE 的“替代方案”,但我认为当我尝试测试它们时,这两个事件都会在 Firefox、Chrome 和 Safari 上触发。

javascript

6
推荐指数
1
解决办法
929
查看次数

标签 统计

javascript ×1