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:
« Volver atrás
Jose Palacios
Hola Victor.
Quisiera que me ayudes. Quiero poner un botón al final de mi pagina que diga «ATRAS». Osea que la persona que este navegando tenga la opción de retroceder a la pagina anterior y así sucesivamente. Mi web esta en plataforma wordpress. No sé nada de código ni programación. Lo que me es fácil es colocar un shortcode. Me podrías ayudar con eso, por favor? O recomiéndame algún pluging que lo haga (que este en español). Gracias!
Agata
Cómo conectamos ese código con el botón???
Víctor Cuervo
Sobre el botón puedes crear un listener.
boton.addEventListener("click",function() { window.history.back(); } ,false);Juan Jose
Muchas gracias
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.
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???
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
@Replicante,
Muchas gracias por el comentario.
Replicante
Muy buena.
Gracias.
Víctor Cuervo
@Alejandro, me alegro que te haya servido. :-D
Alejandro
Muchas gracias Víctor! me ha sido de gran utilidad tu tip! un saludo!
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.
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¿?¿?
lineadecodigo
@david,
Gracias por el comentario. :-D
david
Gracias por la ayuda
lineadecodigo
@melvin,
Envíanos la URL de tu canal para compartirla con todo el mundo.
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
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.
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?
CARLOS
MALUCOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
yeyet
thx
Juliana
Muchas gracias. Estaba buscando este mismo ejemplo. Esta solución va ser de gran ayuda.
lineadecodigo
@JorgeDom,
Gracias a ti por el comentario. Nos gusta saber que ayudamos a la gente con los artículos.
JorgeDom
gracias por el tip.