Fare clic su JavaScript per riportare il browser alla pagina precedente?


Risposte:


447

Aggiungi questo nel tuo elemento di input

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

52
Questo non funziona in tutti i browser per me, ho dovuto fare quanto segue <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Questa risposta è piuttosto vecchia, quindi potrebbe essere stato un problema introdotto nelle versioni più moderne dei browser. :)
ctrlplusb,

4
Questo mostra la pagina precedente dalla cache o ricarica la pagina precedente dal server?
Adrien,

7
Qual è la action="action"parte per? Ed è valido HTML ??
divieto di geoingegneria il

@Adrien: è javascript, quindi è in esecuzione nel browser. Il browser dovrebbe riutilizzare la pagina memorizzata nella cache (presupponendo che le impostazioni dell'intestazione http della pagina lo consentano).
ToolmakerSteve

Si noti che JS in linea non deve essere utilizzato in produzione perché: 1. Il codice JS deve essere in .jsfile dedicati e minimizzati 2. JS in linea deve essere disabilitato tramite una politica di sicurezza dei contenuti per mitigare le iniezioni di XSS
Teofania

120
history.back()

o

history.go(-1)

Metti questo nella onclickmaniglia del pulsante . Dovrebbe sembrare come questo:

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

11
Metti questo sul pulsante sulla maniglia Click
Vadim

7
Potresti essere più chiaro come dare la risposta nel codice
WowThatsLoud,

3
A cosa serve il browser?
Costa

98

Per andare alla pagina precedente

Primo metodo

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

Secondo metodo

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

se vogliamo fare più di un passo indietro, aumentiamo

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 è un link che non fa nulla se JavaScript non è abilitato / funzionante (per qualsiasi motivo) sulla pagina. Se JavaScript funziona, riporta il browser indietro di una pagina.
Jeromy francese

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


12

Ancora il più corto!

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

http://jsfiddle.net/qXrbx/

Preferisco il .go(-number)metodo come allora, per 1 o molti "backs" c'è solo 1 metodo da usare / ricordare / aggiornare / cercare, ecc.

Inoltre, l'utilizzo di un tag per un pulsante Indietro sembra più appropriato dei tag con nomi e tipi ...


11

window.history.back ();

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

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

8

Semplice. Una linea.

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

Come la risposta di Wim e Malik, ma solo in una riga.


Funziona bene, ma spesso se l'utente decide di cambiare la lingua su una pagina specifica con il pulsante in questo modo, il pulsante indietro alla pagina precedente cambierà la lingua indietro, invece della pagina ...
Marek Bernád

6

Questa è l'unica cosa che funziona su tutti i browser attuali:

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

6

Lavora per me ogni volta

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.