So laden Sie eine Seite mit JavaScript neu
Manchmal möchten Entwickler die Webseite beim Erstellen von Webanwendungen häufig aktualisieren, z. B. Blogs oder Websites, auf denen die Inhalte je nach Benutzeraktionen variieren können. Alle auf diesen Benutzerinteraktionen basierenden aktualisierten Informationen werden angezeigt, wenn die Seite aktualisiert oder neu geladen wird. Zu diesem Zweck bietet JavaScript einige vorgebaute Methoden, die unten erörtert werden.
Dieser Beitrag veranschaulicht die Möglichkeiten, eine Seite mit JavaScript neu zu laden.
So laden Sie eine Seite mit JavaScript neu?
Verwenden Sie zum Nachladen oder Aktualisieren einer Seite die folgenden Methoden in JavaScript:
- reload () Methode
- go () Methode
Methode 1: Laden Sie eine Seite mit Reload () -Methode neu laden
Verwenden Sie die “Standort.neu laden()Methode, um die Seite neu zu laden. Es wirkt wie die Refreshtaste eines Browsers. Der "neu laden()"Methode ist für das Nachladen von Seiten verantwortlich, während die"StandortIst eine Schnittstelle, die den tatsächlichen Ort (URL) des Objekts angibt, an das es zugeordnet ist. Die URL der Seite zur Aktualisierung ist durch beide “zugänglich“dokumentieren.Standort" oder "Fenster.Standort”.
Syntax
Verwenden Sie die folgende Syntax zum Neuladen der aktuellen Seite mithilfe der Reload () -Methode:
Fenster.Standort.neu laden();
Beispiel 1: Aktualisieren Sie eine Schaltfläche Klicken Sie auf
Erstellen Sie eine Schaltfläche und fügen Sie eine an "ONCLICK"Ereignis darauf, das das JavaScript -Vordefinierte nennt"neu laden()" Methode:
Die Ausgabe zeigt an, dass die Seite auf einer Schaltfläche aktualisiert oder neu geladen wird. Klicken Sie auf:
Beispiel 2: automatische Aktualisieren mithilfe der Methode setTimeout () mit RELOAD () -Methode automatisch aktualisieren
Legen Sie die Zeit für die automatische Aktualisieren der Seite mit der “festsetTimeout ()" Methode. Erstens werden wir eine Methode definieren “Aktualisierung()Das ist ein Zeitintervall als Parameter, um die Seite nach dieser Zeit zu aktualisieren. Rufen Sie die SetTimeOut () -Methode auf und rufen Sie dann die Reload () -Methode auf:
Funktion aktualisieren (Zeit)
setTimeout (() =>
dokumentieren.Standort.neu laden (wahr);
, Zeit);
Hier setzen wir die Zeit 2 Sekunden, um die Seite nach zwei Sekunden zu aktualisieren:
Fenster.Onload = Refresh (2000);
Wie Sie sehen, dass die Seite nach 2 Sekunden automatisch aktualisiert wird:
Methode 2: Laden Sie eine Seite mit der GO () -Methode neu laden
Ein weiterer Ansatz für das Auffrischen einer Seite ist die “Geschichte.gehen()" Methode. Einen positiven oder negativen Wert zu geben, kann wie gewohnt verwendet werden, um sich rückwärts oder vorwärts zu bewegen. Für eine Auffrischung passieren Sie die “0”Neutraler Wert oder nichts.
Syntax
Befolgen Sie die angegebene Syntax zum Nachladen der Seite:
Geschichte.gehen()
Beispiel
Hier werden wir das nennen "Geschichte.gehen()Methode im Klickereignis der Schaltfläche:
Ausgang
Hier geht es darum, Webseiten mit JavaScript neu zu laden/zu aktualisieren.
Abschluss
Verwenden Sie die „Webseite mit JavaScript mit JavaScript neu“, um die “zu verwendenFenster.Standort.neu laden()”Methode oder die“Geschichte.gehen()" Methode. Die Reload () -Methode ist der am häufigsten verwendete Ansatz zum Nachladen oder Aktualisieren von Webseiten. In diesem Beitrag wurde die Möglichkeiten gezeigt, eine Seite mit JavaScript zu aktualisieren.