Onclick javascript para hacer que el navegador regrese a la página anterior?


Respuestas:


447

Agregue esto en su elemento de entrada

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

52
Para mí esto no funciona en todos los navegadores, tuve que hacer lo siguiente. <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Esta respuesta es bastante antigua, por lo que podría haber sido un problema introducido en las versiones más modernas de los navegadores. :)
ctrlplusb

44
¿Muestra esto la página anterior desde el caché o vuelve a cargar la página anterior desde el servidor?
Adrien

77
¿Para qué sirve la action="action"parte? ¿Y es válido html?
prohibición de geoingeniería

@Adrien: es javascript, por lo que se ejecuta en el navegador. El navegador debe reutilizar la página en caché (suponiendo que la configuración del navegador y la configuración del encabezado http de la página lo permitan).
ToolmakerSteve

Tenga en cuenta que JS en línea no debe usarse en producción porque: 1. El código JS debe estar en .jsarchivos dedicados y minificados 2. JS en línea debe deshabilitarse a través de una Política de seguridad de contenido para mitigar las inyecciones de XSS
Teofanía

120
history.back()

o

history.go(-1)

Pon esto en el onclickmango del botón . Debe tener un aspecto como este:

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

11
Ponga esto en el botón en Manija de clic
Vadim

77
Podrías ser más claro como dar la respuesta en el código
WowThatsLoud

3
¿Cuál es el soporte del navegador en eso?
Costa

98

Para ir a la página anterior

Primer método

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

Segundo método

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

si queremos retroceder más de un paso, entonces aumentar

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 un enlace que no hace nada si JavaScript no está habilitado / funcionando (por cualquier razón) en la página. Si JavaScript funciona, el navegador recupera una página.
Jeromy French

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


12

¡Más corto aún!

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

http://jsfiddle.net/qXrbx/

Prefiero el .go(-number)método como entonces, para 1 o muchos 'respaldos' solo hay 1 método para usar / recordar / actualizar / buscar, etc.

Además, usar una etiqueta para un botón de retroceso parece más apropiado que las etiquetas con nombres y tipos ...


11

window.history.back ();

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

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

8

Sencillo. Una línea.

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

Como la respuesta de Wim y Malik, pero solo en una línea.


Funciona bien, pero a menudo si el usuario decide cambiar el idioma en una página específica con el botón como este, el botón de retroceso a la página anterior cambiará el idioma, en lugar de la página ...
Marek Bernád

6

Esto es lo único que funciona en todos los navegadores actuales:

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

6

Funciona para mi todo el tiempo

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.