Gibt es eine Funktion, die ich als Klickereignis einer Schaltfläche anhängen kann, damit der Browser zur vorherigen Seite zurückkehrt?
<input name="action" type="submit" value="Cancel"/>
Gibt es eine Funktion, die ich als Klickereignis einer Schaltfläche anhängen kann, damit der Browser zur vorherigen Seite zurückkehrt?
<input name="action" type="submit" value="Cancel"/>
Antworten:
Fügen Sie dies in Ihr Eingabeelement ein
<input
action="action"
onclick="window.history.go(-1); return false;"
type="submit"
value="Cancel"
/>
<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. :)
action="action"
Teil? Und ist es gültig HTML?
.js
Dateien enthalten sein sollte 2. Inline-JS durch eine Inhaltssicherheitsrichtlinie deaktiviert werden sollte, um XSS-Injektionen zu verringern
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"/>
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.......
Sie müssen nur Folgendes anrufen:
history.go(-1);
Am kürzesten noch!
<button onclick="history.go(-1);">Go back</button>
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 ...
window.history.back ();
<button onclick="goBack()">Go Back</button>
<script>
function goBack() {
window.history.back();
}
</script>
Einfach. Eine Linie.
<button onclick="javascript:window.history.back();">Go Back</button>
Wie die Antwort von Wim und Malik, aber nur in einer Zeile.
Dies ist das einzige, was in allen aktuellen Browsern funktioniert:
<script>
function goBack() {
history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>
Funktioniert immer für mich
<a href="javascript:history.go(-1)">
<button type="button">
Back
</button>
</a>