web-dev-qa-db-fra.com

Cliquez sur javascript pour que le navigateur revienne à la page précédente?

Existe-t-il une fonction que je peux joindre en tant qu'événement de clic d'un bouton pour que le navigateur revienne à la page précédente?

<input name="action" type="submit" value="Cancel"/>
228
Doc Holiday

Ajoutez ceci dans votre élément d’entrée:

<input action="action" onclick="window.history.go(-1); return false;" type="button" value="Back" />
413
rogerlsmith
history.back()

ou

history.go(-1)

Placez ceci sur le bouton onclick handle

111
Vadim

Pour aller à la page précédente

Première méthode

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

Deuxième méthode

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

si nous voulons plus d'un pas en arrière puis augmenter

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.......
93
Rizwan Gill
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 
14
hspain

Le plus court encore!

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

http://jsfiddle.net/qXrbx/

Je préfère la méthode .go(-number), car pour 1 ou plusieurs "dos", il n'y a qu'une seule méthode à utiliser/mémoriser/mettre à jour/rechercher, etc.

De plus, utiliser une balise pour un bouton de retour semble plus approprié que des balises avec des noms et des types ...

12
Michael Durrant

Il vous suffit d'appeler le numéro suivant:

history.go(-1);
12
Rich O'Kelly

window.history.back ();

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

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

Facile. Une ligne.

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

Comme la réponse de Wim et Malik, mais en une ligne.

8
Andre Mesquita

C'est la seule chose qui fonctionne sur tous les navigateurs actuels:

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