首頁 >web前端 >js教程 >JavaScript 如何偵測頁面重新載入或重新整理?

JavaScript 如何偵測頁面重新載入或重新整理?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-20 11:54:10252瀏覽

How Can JavaScript Detect Page Reloads or Refreshes?

在JavaScript 中偵測頁面重新載入或重新整理

問題:

我們能否確定使用者是否刷新或重新載入了頁面頁面使用JavaScript?

說明:

通常,當使用者刷新或重新載入網頁時執行特定程式碼或顯示警報很有用。

解決方案:

有幾種方法可以檢測頁面重新載入或刷新,具體取決於瀏覽器及其對某些 API 的支援。

已棄用的方法:

雖然已棄用,但我們可以使用 window.performance.navigation.type屬性在較舊的瀏覽器上:

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

現代方法:

要在現代瀏覽器中使用導航計時API,我們可以使用以下程式碼:

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

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

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