So lassen Sie den Browser mit JavaScript zur vorherigen Seite zurückkehren?

Ein Browser zu machen, mit Hilfe von JavaScript zur vorherigen Seite zurückzukehren, ist ziemlich einfach. Greifen Sie dazu einfach auf die zu, auf die Fenster Objekt des Browserfensters und seines Geschichte Eigentum. Danach benutzen Sie einfach die zurück() Methode auf dem Verlauf, um den Browser in den vorherigen Eintrag innerhalb seiner Verlaufsliste zu verschieben.

Zusätzliche Anmerkung: Beziehen Sie sich auf die vorherige Seite mit a Referenz -Tag ist keine gute Lösung. Die meisten neuen Anfänger versuchen oft, die zu verwenden Referenz -Tag, um zur vorherigen Seite zu wechseln, und in der Geschichte des Browsers registriert es sich als Vorwärtsbewegung. Das ist also keine optimale Lösung, da der Browser nicht zurückkehrt. Vielmehr geht es tatsächlich vorwärts.

Die Methode im Rampenlicht

Die folgende Methode wird verwendet, um den Browser zurückzuschieben:

Fenster.Geschichte.zurück()

Diese Methode nimmt weder Parameter ein noch zurück und gibt etwas zurück und gibt etwas zurück. Es bewegt den Browser einfach einen Schritt zurück in seine Geschichte. Lassen Sie uns ein Beispiel durchgehen, um seine Arbeit zu demonstrieren

Schritt 1: Zuhause einrichten.html

Erstellen Sie ein HTML -Dokument mit dem Namen heim, Und dies ist die erste Seite, mit der sich auf eine zweite Seite bewegen wird. Verwenden Sie die folgenden Zeilen, um dieses HTML -Dokument zu Hause zu erstellen:

Dies ist die erste Seite!
Klicken Sie hier, um die zweite Seite zu besuchen

In diesem HTML -Dokument ein Das Tag wird verwendet, um den Browser „Vorwärts“ auf der zweiten Seite zu verschieben. Zu diesem Zeitpunkt zeigt der Browser die folgende Ausgabe:

Die Webseite zeigt den Link zum Wechsel zur zweiten Seite. Derzeit fehlt diese zweite Seite. Erstellen Sie dies also im nächsten Schritt.

Schritt 2: Setzen.html

Erstellen Sie ein anderes HTML -Dokument und nennen Sie es zweite Seite.html. Fügen Sie in dieser Datei die folgenden Zeilen hinzu:

Dies ist die zweite Seite


Klicken Sie auf die Schaltfläche unten, um zur vorherigen Seite zurück zu "zurück"






Nimm mich zurück!

In diesem HTML -Dokument haben wir eine Schaltfläche mit einer Onclick -Eigenschaft erstellt auf Zurück-Button(). Dadurch wird die folgende Webseite auf dem Browser erstellt:

Die Funktionalität der Taste, den Browser beim Taste zurückzunehmen, fehlt noch immer. Fügen Sie dazu das folgende Skript -Tag in der zweiten Seite hinzu.HTML:

In diesem Skript -Tag die Funktion Zurück-Button() wird erstellt, die auf der Taste gedrückt werden. In dieser Funktion die zurück() Die Methode wurde auf die Eigenschaft angewendet "Geschichte" Verwenden des Browsers Fenster Objekt.

Laden Sie danach das Haus auf.HTML in einem Browser und beobachten Sie die Funktionalität wie folgt:

Es gibt ein paar Dinge zu bemerken:

• Zuerst waren sowohl der Vorwärts- als auch der Rückknopf des Browsers aufgrund einer Geschichte deaktiviert
• Durch Klicken auf den Link führt der Benutzer zur zweiten Seite
• Wenn auf der zweiten Seite die Schaltfläche zurück aktiviert wird
• Wenn Sie auf der zweiten Seite auf die Schaltfläche klicken.
• Auf der Startseite ist die Schaltfläche zurück und die Schaltfläche vorwärts ist jetzt aktiviert
• Dies bedeutet, dass der Browser nicht auf die Homepage umgeleitet wurde. Vielmehr wurde es bewegt zurück aus der Geschichte

Einpacken

Verwenden Sie im JavaScript -Teil des Webseitendokuments einfach die Fenster.Geschichte.zurück() Damit die Browser auf die vorherige Seite zurückkehren, die sie besucht hatte. Der "Fenster" ist das Fensterobjekt des Browsers, das "Geschichte" ist ein Eigentum der Fenster Objekt und zurück() ist die Methode, die auf die Geschichte angewendet wird, um den Browser zurückzuziehen. In diesem Artikel wurde ein Schritt-für-Schritt-Beispiel verwendet, um die Arbeit des Fensters zu demonstrieren.Geschichte.Back () Methode.