如何在 JavaScript 中有效检测页面重新加载？-js教程-PHP中文网

如何在 JavaScript 中有效检测页面重新加载？

Susan Sarandon

发布： 2024-12-11 21:14:15

原创

556 人浏览过

How Can I Efficiently Detect Page Reloads in JavaScript?

使用 JavaScript 高效检测页面重新加载事件

在 Web 开发领域，了解用户何时重新加载或刷新页面对于各种场景都至关重要。在本文中，我们将探索使用 JavaScript 有效检查页面重新加载事件的方法。

利用 window.performance API

导航器对象为我们提供了对导航计时 API，使我们能够确定页面的状态已加载。

if (window.performance) {
 console.info("window.performance 在此浏览器上运行良好");
 }
console.info(performance.navigation.type);
if (performance.navigation.type == Performance.navigation.TYPE_RELOAD) {
 console.info("此页面已重新加载");
} else {
 console.info("此页面未重新加载");
}

弃用注意

需要注意的是，window.performance.navigation.type API 已弃用。我建议使用 Илья Зеленько 概述的改进方法。

以上是如何在 JavaScript 中有效检测页面重新加载？的详细内容。更多信息请关注PHP中文网其他相关文章！