首頁 > web前端 > js教程 > 如何在 JavaScript 中有效偵測頁面重新載入?

如何在 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) {<br> console.info("window.performance 在此瀏覽器上運作良好");<br> }<br>console.info(performance.navigation.type);<br>if (performance.navigation.type == Performance.navigation.TYPE_RELOAD) {<br> console.info("此頁面已重新載入");<br>} else {<br> console.info("此頁面未重新載入");<br>}<br>
登入後複製

棄用注意

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

以上是如何在 JavaScript 中有效偵測頁面重新載入?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板