Volver a la página anterior

02/sep/2009 JavaScript , 20 Comentarios
javascript

Cuando estamos diseñando una web nos encontraremos en situaciones que varias páginas desemboquen en una misma página de destino. Y queramos que esta nos permita volver a la página anterior.

En esta situación desconocemos desde que página venimos. Para poder realizar esto nos podemos apoyar en un objeto del DOM HTML. El DOM HTML son los objetos que representan al documento web que estamos visualizando y a todo lo que le rodea.

En concreto deberemos de apoyarnos en el objeto History y en su método .back()

De esta manera el código JavaScript que tendremos que utilizar en nuestra página será el siguiente:

  1. <a href="javascript:window.history.back();">&laquo; Volver atrás</a>

Vídeos sobre Javascript

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

20 comentarios en “Volver a la página anterior”

Víctor Cuervo

Víctor Cuervo

@nivekduque,

Realmente puede navegar por el historial hasta dónde quieras. Puedes interrogar el historial, sabiendo el tamaño que tiene con window.history.length y tomar decisiones.

A ver si esto te puede ayudar.

Saludos.

Víctor Cuervo

nivekduque

Me gustaria saber si podrian ayudarme; ya coloque un boton con el que se puede rergesar atras con este codigo, pero me gustaria que al llegar a cierta pagina no puedan regresar atras se podria???

Víctor Cuervo

Antonio

Hola,

Haber si alguien puede hecharme una mano con un problemilla que tengo, resulta que tengo dos paginas web: http://www.ejemplo1.com y http://www.ejemplo1.es el contenido de las dos paginas es el mismo y desde cada pagina se accede a una zona personal.

El tema es que al salir de la zona personal (que es la misma para las dos), tengo un enlace “SALIR” que llama a un archivo “salir.php” en el cual tengo ahora mismo el siguiente codigo:

De esta forma al salir vuelve a http://www.ejemplo1.com que es donde tengo subida la zona personal (directorio raiz), pero los que acceden a la zona personal desde http://www.ejemplo1.es al salir se van a http://www.ejemplo1.com y no a http://www.ejemplo1.es

¿Hay alguna forma de hacer que cuando pulsen “SALIR” de la zona personal vuelvan a la pagina desde donde han accedido, osea si llamaron a la zona personal desde http://www.ejemplo1.com que vuelvan al .com y si llamaron a la zona personal desde http://www.ejemplo1.es que vuelva al .es

Espero que me hayais entendido jeje.

Un saludo y muchas gracias de antemano.

Víctor Cuervo

Víctor Cuervo

@Replicante,
Muchas gracias por el comentario.

Víctor Cuervo

Replicante

Muy buena.
Gracias.

Víctor Cuervo

Víctor Cuervo

@Alejandro, me alegro que te haya servido. 😀

Víctor Cuervo

Alejandro

Muchas gracias Víctor! me ha sido de gran utilidad tu tip! un saludo!

Víctor Cuervo

Víctor Cuervo

@Alejandro,

Para volver dos páginas atrás puedes utilizar el método history.go() indicandole el -2 (dos páginas atrás) como parámetro.

history.go(-2);
Víctor Cuervo

Alejandro

Muy buen tip! muchas gracias, es lo que necesitaba para mi formulario. De todas formas me estaba preguntando si podría hacer que navegase dos pasos atrás en el historial¿?¿?

Víctor Cuervo

lineadecodigo

@david,

Gracias por el comentario. 😀

Víctor Cuervo

david

Gracias por la ayuda

Víctor Cuervo

lineadecodigo

@melvin,

Envíanos la URL de tu canal para compartirla con todo el mundo.

Víctor Cuervo

melvin

gracias , te invito a visitar mi canal en youTube es melvinrami es de programacion en java,css,redes en packet ,jsp, proximamente servlets gracias

Víctor Cuervo

Dunde

en la pag 1 revisa si los datos ya existen, si no existen muestras los texbox vacios, asi cuando quieres volver de la pagina 2 (donde los guardas) a la 1, los datos ya van a existir y la comprobacion los devolverá.

recuerda que el hecho de que los guardes en la base de datos desde tu pagina 2 no significa que en la pagina 1 los estamos mostrando por pantalla.

saludos.

Víctor Cuervo

oscar

Tengo una duda, yo estoy desarrollando una web en mwd.Lleno unos texbox y guardarlos en la base de datos, pero cuando uso javascript:window.history.back(); los datos no se guardan. La idea es que estoy en pag1 y me voy a pag2 ingreso los datos y los guardo, pero después de eso quiero regresar a pag1, al usar ese código deshace lo guardado, que me recomiendas?

Víctor Cuervo

CARLOS

MALUCOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

Víctor Cuervo

yeyet

thx

Víctor Cuervo

Juliana

Muchas gracias. Estaba buscando este mismo ejemplo. Esta solución va ser de gran ayuda.

Víctor Cuervo

lineadecodigo

@JorgeDom,
Gracias a ti por el comentario. Nos gusta saber que ayudamos a la gente con los artículos.

Víctor Cuervo

JorgeDom

gracias por el tip.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*