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

如何在 JavaScript 中偵測頁面刷新和重新載入?

DDD
DDD原創
2024-12-14 09:38:15945瀏覽

How Can I Detect Page Refreshes and Reloads in JavaScript?

在JavaScript 中檢測頁面刷新和重新加載

檢測頁面刷新或重新加載對於實現響應這些瀏覽器操作的功能至關重要。刷新或重新載入頁面時,它會重新載入其所有內容並重置應用程式的狀態。

檢查頁面刷新

檢查頁面是否有刷新後,就可以使用window.performance.navigation物件了。該物件提供有關頁面導航歷史記錄的資訊。特別是,您可以使用以下屬性:

performance.navigation.type

此屬性傳回以下值之一:

  • 0 (TYPE_NAVIGATE):頁面首次載入或從另一個URL
  • 1 (TYPE_RELOAD)導覽至:頁面為重新載入

範例:

以下程式碼檢查頁面是否已刷新,如果刷新則顯示警報:

if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  alert("Page has been refreshed!");
}

注意: window.performance.navigation物件在現代已被棄用瀏覽器。有關更新的方法,請參閱給定回應中提供的改進答案。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn