在我的代码中,我等待页面完全加载,然后再删除加载微调器。在这种情况下,“完全加载”包括 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 ×1