Heim >Web-Frontend >js-Tutorial >Wie kann ich Seitenaktualisierungen und Neuladen in JavaScript erkennen?

Wie kann ich Seitenaktualisierungen und Neuladen in JavaScript erkennen?

DDD
DDDOriginal
2024-12-14 09:38:15950Durchsuche

How Can I Detect Page Refreshes and Reloads in JavaScript?

Erkennen von Seitenaktualisierungen und -neuladungen in JavaScript

Die Erkennung von Seitenaktualisierungen oder -neuladungen ist entscheidend für die Implementierung von Funktionen, die auf diese Browseraktionen reagieren. Wenn eine Seite aktualisiert oder neu geladen wird, wird der gesamte Inhalt neu geladen und der Status der Anwendung zurückgesetzt.

Prüfung auf Seitenaktualisierungen

Um zu überprüfen, ob eine Seite aktualisiert wurde aktualisiert wurde, können Sie das window.performance.navigation-Objekt verwenden. Dieses Objekt liefert Informationen über den Navigationsverlauf der Seite. Insbesondere können Sie die folgende Eigenschaft verwenden:

performance.navigation.type

Diese Eigenschaft gibt einen der folgenden Werte zurück:

  • 0 (TYPE_NAVIGATE): Seite wird zum ersten Mal geladen oder von einer anderen URL aus navigiert
  • 1 (TYPE_RELOAD): Seite ist neu geladen

Beispiel:

Der folgende Code prüft, ob die Seite aktualisiert wurde und zeigt eine Warnung an, wenn dies der Fall ist:

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

Hinweis: Das window.performance.navigation-Objekt ist in modernen Browsern veraltet. Einen aktuelleren Ansatz finden Sie in der verbesserten Antwort in der angegebenen Antwort.

Das obige ist der detaillierte Inhalt vonWie kann ich Seitenaktualisierungen und Neuladen in JavaScript erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn