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

Wie kann ich Seitenaktualisierungen und Neuladen in JavaScript erkennen?

DDD
Freigeben: 2024-12-14 09:38:15
Original
943 Leute haben es durchsucht

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
Nach dem Login kopieren

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!");
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage