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

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

Mary-Kate Olsen
發布: 2024-12-20 11:54:10
原創
286 人瀏覽過

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中文網其他相關文章!

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