Heim > Web-Frontend > js-Tutorial > Wie kann JavaScript das Neuladen oder Aktualisieren von Seiten erkennen?

Wie kann JavaScript das Neuladen oder Aktualisieren von Seiten erkennen?

Mary-Kate Olsen
Freigeben: 2024-12-20 11:54:10
Original
286 Leute haben es durchsucht

How Can JavaScript Detect Page Reloads or Refreshes?

Erkennen von Seitenneuladungen oder -aktualisierungen in JavaScript

Frage:

Können wir feststellen, ob ein Benutzer eine Seite aktualisiert oder neu geladen hat? Seite verwenden JavaScript?

Erklärung:

Oft ist es nützlich, bestimmten Code auszuführen oder eine Warnung anzuzeigen, wenn ein Benutzer eine Webseite aktualisiert oder neu lädt.

Lösung:

Es gibt verschiedene Möglichkeiten, das Neuladen oder Aktualisieren von Seiten zu erkennen, je nachdem Browser und seine Unterstützung für bestimmte APIs.

Veraltete Methode:

Obwohl veraltet, können wir die Eigenschaft window.performance.navigation.type in älteren Browsern verwenden:

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

Moderne Methode:

Zur Nutzung des Navigations-Timings API in modernen Browsern können wir den folgenden Code verwenden:

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

Das obige ist der detaillierte Inhalt vonWie kann JavaScript das Neuladen oder Aktualisieren von Seiten 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage