Klicken Sie auf Javascript, damit der Browser zur vorherigen Seite zurückkehrt?


Antworten:


446

Fügen Sie dies in Ihr Eingabeelement ein

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

52
Dies funktioniert bei mir nicht in allen Browsern. Ich musste Folgendes tun. <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Diese Antwort ist ziemlich alt, daher könnte es sich um ein Problem handeln, das in moderneren Versionen von Browsern eingeführt wurde. :)
ctrlplusb

4
Zeigt dies die vorherige Seite aus dem Cache an oder lädt die vorherige Seite vom Server neu?
Adrien

7
Wofür ist der action="action"Teil? Und ist es gültig HTML?
Ban-Geoengineering

@Adrien - sein Javascript, also läuft es im Browser. Der Browser sollte die zwischengespeicherte Seite wiederverwenden (vorausgesetzt, die Browsereinstellungen und die Einstellungen für den http-Header der Seite erlauben dies).
ToolmakerSteve

Beachten Sie, dass Inline-JS nicht in der Produktion verwendet werden sollte, weil: 1. JS-Code in dedizierten und minimierten .jsDateien enthalten sein sollte 2. Inline-JS durch eine Inhaltssicherheitsrichtlinie deaktiviert werden sollte, um XSS-Injektionen zu verringern
Theophany

120
history.back()

oder

history.go(-1)

Legen Sie dies auf den Knopfgriff onclick. Es sollte so aussehen:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

11
Setzen Sie dies auf die Schaltfläche onClick handle
Vadim

7
Sie könnten klarer sein, als die Antwort im Code zu geben
WowThatsLoud

3
Was ist die Browserunterstützung dafür?
Costa

98

Zum Aufrufen der vorherigen Seite

Erste Methode

<a href="javascript: history.go(-1)">Go Back</a>

Zweite Methode

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

Wenn wir mehr als einen Schritt zurück wollen, dann erhöhen Sie

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

2
@ JeromeJ Es ist ein Link, der nichts bewirkt, wenn JavaScript auf der Seite nicht aktiviert ist / funktioniert (aus welchem ​​Grund auch immer). Wenn JavaScript funktioniert, nimmt der Browser eine Seite zurück.
Jeromy French

14
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 


12

Am kürzesten noch!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

Ich bevorzuge die .go(-number)Methode, da es für 1 oder viele 'Backs' nur 1 Methode gibt, die verwendet / erinnert / aktualisiert / gesucht werden kann usw.

Außerdem scheint die Verwendung eines Tags für eine Zurück-Schaltfläche geeigneter zu sein als Tags mit Namen und Typen ...


11

window.history.back ();

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>

8

Einfach. Eine Linie.

<button onclick="javascript:window.history.back();">Go Back</button>

Wie die Antwort von Wim und Malik, aber nur in einer Zeile.


Funktioniert gut, aber oft, wenn der Benutzer beschließt, die Sprache auf einer bestimmten Seite mit dieser Schaltfläche zu ändern, wird die Sprache durch die Schaltfläche "Zurück" zur vorherigen Seite anstelle der Seite zurückgesetzt ...
Marek Bernád

6

Dies ist das einzige, was in allen aktuellen Browsern funktioniert:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>

6

Funktioniert immer für mich

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.