HTML-Schaltfläche "Zurück" erstellen

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

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

Hinweis: Diese Schaltflächen funktionieren nicht, wenn der Benutzer keinen Browserverlauf hat. Wenn der Benutzer beispielsweise Ihre Seite in einer neuen Browser-Registerkarte oder einem neuen Fenster öffnet, geschieht nichts, wenn er auf die Schaltfläche klickt.

Mit history.back

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

Eine einfache Möglichkeit, dieses JavaScript zu verwenden, besteht darin, es dem onclick- Ereignisattribut einer Schaltfläche hinzuzufügen. Hier erstellen wir den Button mit einem Element mit einem Element des Schaltflächentyps .

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

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

Mit history.go

Die history.go () -Methode weist den Browser an, eine bestimmte Seite im Browserverlauf des Benutzers aufzurufen. Sie können angeben, welches Verlaufselement durch eine Zahl in die Klammern gesetzt wird. In der Computerprogrammierung wird dies als Argument bezeichnet.

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