So laden Sie eine Seite mit JavaScript neu

So Laden Sie Eine Seite Mit Javascript Neu



Manchmal möchten Entwickler die Webseite häufig aktualisieren, während sie Webanwendungen wie Blogs oder Websites erstellen, deren Inhalt je nach Benutzeraktionen variieren kann. Alle aktualisierten Informationen, die auf diesen Benutzerinteraktionen basieren, werden angezeigt, wenn die Seite aktualisiert oder neu geladen wird. Zu diesem Zweck bietet JavaScript einige vorgefertigte Methoden an, auf die im Folgenden eingegangen wird.

Dieser Beitrag zeigt die Möglichkeiten zum Neuladen einer Seite mit JavaScript.







Wie lade ich eine Seite mit JavaScript neu?

Verwenden Sie zum Neuladen oder Aktualisieren einer Seite die folgenden Methoden in JavaScript:



Methode 1: Laden Sie eine Seite mit der reload()-Methode neu

Verwenden Sie das „ location.reload() ”-Methode, um die Seite neu zu laden. Es verhält sich wie die Aktualisierungsschaltfläche eines Browsers. Die ' neu laden() “-Methode ist für das Neuladen der Seite verantwortlich, während die „ Lage “ ist eine Schnittstelle, die den tatsächlichen Standort (URL) des Objekts angibt, mit dem es verknüpft ist. Auf die URL der zu aktualisierenden Seite kann entweder über „ document.location ' oder ' window.location “.



Syntax





Verwenden Sie die folgende Syntax zum Neuladen der aktuellen Seite mit der Methode reload():

window.location.reload ( ) ;



Beispiel 1: Aktualisieren bei einem Schaltflächenklick

Erstellen Sie eine Schaltfläche und fügen Sie ein ' anklicken ” Ereignis darauf, das das vordefinierte JavaScript aufruft “ neu laden() ' Methode:

< Knopf anklicken = 'window.location.reload()' > Aktualisierung / Seite neuladen Knopf >

Die Ausgabe zeigt an, dass die Seite bei einem Klick auf eine Schaltfläche aktualisiert oder neu geladen wird:

Beispiel 2: Automatische Aktualisierung mit der Methode setTimeout() Mit der Methode reload()

Stellen Sie die Zeit für die automatische Aktualisierung der Seite mit „ setTimeout() ' Methode. Zuerst definieren wir eine Methode „ Aktualisierung() “, der ein Zeitintervall als Parameter verwendet, um die Seite nach dieser Zeit zu aktualisieren. Rufen Sie die Methode setTimeout() und dann die Methode reload() auf:

Funktion Aktualisierung ( Zeit ) {
setTimeout ( ( ) = > {
document.location.reload ( Stimmt ) ;
} , Zeit ) ;
}

Hier stellen wir die Zeit auf 2 Sekunden ein, um die Seite alle zwei Sekunden zu aktualisieren:

window.onload = aktualisieren ( 2000 ) ;

Wie Sie sehen können, wird die Seite nach 2 Sekunden automatisch aktualisiert:

Methode 2: Laden Sie eine Seite mit der Methode go() neu

Ein weiterer Ansatz zum Aktualisieren einer Seite ist „ history.go() ' Methode. Die Eingabe eines positiven oder negativen Werts kann wie gewohnt verwendet werden, um sich vorwärts oder rückwärts zu bewegen. Für eine Auffrischung passieren Sie die „ 0 „Neutraler Wert oder nichts.

Syntax

Befolgen Sie die angegebene Syntax zum Neuladen der Seite:

Geschichte.go ( )

Beispiel

Hier nennen wir „ history.go() ”-Methode im Click-Event des Buttons:

< Knopf anklicken = 'history.go()' > Aktualisierung / Seite neuladen Knopf >

Ausgabe

Das ist alles über das Neuladen/Aktualisieren von Webseiten mit JavaScript.

Fazit

Um eine Webseite mit JavaScript neu zu laden, verwenden Sie das „ window.location.reload() “ Methode oder die „ history.go() ' Methode. Die Methode reload() ist der am häufigsten verwendete Ansatz zum Neuladen oder Aktualisieren von Webseiten. Dieser Beitrag veranschaulicht die Möglichkeiten zum Aktualisieren einer Seite mit JavaScript.