So erstellen Sie eine HTML-Zurück-Schaltfläche

HTML

Sie können Ihrer Webseite eine Zurück-Schaltfläche hinzufügen. Wenn ein Besucher Ihrer Seite auf die Schaltfläche klickt, wird er zur zuletzt besuchten Seite weitergeleitet, als hätte er in seinem Browser auf die Schaltfläche "Zurück" geklickt.

Sie können dies erreichen, indem Sie den HTML-Code Ihrer Seite bearbeiten und ein wenig JavaScript hinzufügen.


Verwenden von history.back

In einem Webbrowser verfügt das integrierte JavaScript-Objektfenster über ein Objekt namens Verlauf, das die URLs enthält, die ein Benutzer in seinem aktuellen Browserfenster besucht hat. Mit der history.back () -Methode können Sie den Browser anweisen, zur vorherigen Seite des Benutzers zurückzukehren.

Eine Möglichkeit, dieses JavaScript zu verwenden, besteht darin, es dem Ereignisattribut onclick einer Schaltfläche hinzuzufügen. Hier erstellen wir die Schaltfläche mit einem <form> -Element, das ein <input> -Element vom Schaltflächentyp enthält.

Fügen Sie den folgenden HTML-Code in Ihre Webseite ein:

<form> <input type = "button" value = "Zurück!" onclick = "history.back ()"> </ form>

Das Ergebnis sieht aus wie die Schaltfläche unten. Wenn Sie darauf klicken, kehren Sie zur vorherigen Seite in Ihrem Verlauf zurück.

Verwenden von history.go

Die Methode history.go () weist den Browser an, zu einer bestimmten Seite im Browserverlauf des Benutzers zu wechseln. Sie können angeben, welches Verlaufselement in eine Zahl in Klammern gesetzt werden soll. Bei der Computerprogrammierung wird dies als Argument bezeichnet.

Wenn Sie als Argument die Zahl -1 angeben, geht der Browser eine Seite im Browserverlauf zurück. Hier ist der gleiche Code wie oben, wobei history.go (-1) anstelle von history.back () verwendet wird.

<form> <input type = "button" value = "Nein, wirklich, geh zurück!" onclick = "history.go (-1)"> </ form>


Schreibe einen Kommentar