Onclick javascript, aby przeglądarka wróciła do poprzedniej strony?


Odpowiedzi:


446

Dodaj to do elementu wejściowego

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

52
To nie działa we wszystkich przeglądarkach, musiałem wykonać następujące czynności. <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Ta odpowiedź jest dość stara, więc mógł to być problem wprowadzony do bardziej nowoczesnych wersji przeglądarek. :)
ctrlplusb

4
Czy to pokazuje poprzednią stronę z pamięci podręcznej lub ponownie ładuje poprzednią stronę z serwera?
Adrien

7
Po co ta action="action"część? I czy to jest poprawny HTML?
zakaz geoinżynierii

@Adrien - jego javascript, więc działa w przeglądarce. Przeglądarka powinna ponownie użyć strony z pamięci podręcznej (zakładając, że pozwalają na to ustawienia przeglądarki i ustawienia nagłówka http strony).
ToolmakerSteve

Należy pamiętać, że wbudowanego JS nie należy używać w środowisku produkcyjnym, ponieważ: 1. Kod JS powinien znajdować się w dedykowanych i zminimalizowanych .jsplikach. 2. Wewnętrzny JS powinien być wyłączony poprzez Politykę bezpieczeństwa treści, aby złagodzić zastrzyki XSS
Theophany

120
history.back()

lub

history.go(-1)

Umieść to w onclickuchwycie przycisku . To powinno wyglądać tak:

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

11
Umieść to pod przyciskiem na uchwycie ClickClick
Vadim,

7
Możesz być bardziej zrozumiały, jak udzielenie odpowiedzi w kodzie
WowThatsLoud

3
Jaka jest w tym obsługa przeglądarki?
Costa

98

Aby przejść do poprzedniej strony

Pierwsza metoda

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

Druga metoda

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

jeśli chcemy zrobić więcej niż jeden krok wstecz, zwiększ

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 to link, który nic nie robi, jeśli JavaScript nie jest włączony / działa (z jakiegokolwiek powodu) na stronie. Jeśli JavaScript działa, przeglądarka przechodzi o jedną stronę wstecz.
Jeromy francuski

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


12

Najkrótszy jeszcze!

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

http://jsfiddle.net/qXrbx/

Wolę tę .go(-number)metodę jak wtedy, dla 1 lub wielu zwrotów jest tylko jedna metoda do użycia / zapamiętania / aktualizacji / wyszukiwania itp.

Ponadto użycie tagu dla przycisku Wstecz wydaje się bardziej odpowiednie niż tagi z nazwami i typami ...


11

window.history.back ();

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

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

8

Prosty. Jedna linia.

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

Podobnie jak odpowiedź Wima i Malika, ale tylko w jednej linii.


Działa dobrze, ale często, jeśli użytkownik zdecyduje się zmienić język na określonej stronie za pomocą tego przycisku, przycisk powrotu do poprzedniej strony spowoduje cofnięcie języka zamiast strony ...
Marek Bernád

6

Jest to jedyna rzecz, która działa we wszystkich obecnych przeglądarkach:

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

6

Działa dla mnie za każdym razem

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.