Hay situaciones donde dar a los lectores un botón de atrás y adelante en su navegación puede mejorar su experiencia de usuario
Gracias a la api de historia de Javascript es muy sencillo crear este botón de atrás y adelante y agregarlo a tu navegación.
Relacionado: Redireccionar con Javascript.
Agregar botón de atrás y adelante:
Para el botón de “Atrás” o “volver”:
<a href="javascript:history.go(-1)">Atrás</a>Esta es la función history y tiene como único parámetro, este caso: “-1” para un enlace de “atrás”, bien, para crear un enlace de “adelante” solo se reemplaza por un “1”. De esta forma:
<a href="javascript:history.go(1)">Adelante</a>Y si necesitaran que fuera dos hacia atrás, tan fácil como poner un “-2” en la función.
Cómo funciona
Ambos botones hacen uso del método history.go() que recibe como parámetro la posición en el historial a donde se desea llegar, relativa a la página actual.
Si history.go recibe 0 como parámetro su comportamiento será igual al de location.reload(), es decir, refrescar la página actual.
¡Ojala que les sea útil!
Mauro septiembre 17, 2007 a las 4:21 pm
Muchas gracias el comentario fue muy util.
ResponderGracias 🙂
karol febrero 26, 2008 a las 9:40 pm
…..A mi no se que demonios pasa que no me hace caso. Al dar al botón de adelante, se queda estatico, encambio atrás si funciona, cuando manualmente, o pinchando sobre la botonera de encabezado he recorrido todas las páginas, es cuando funciona….no se que hacer, mis conocimientos de programación son escasísimos, pero ahí voy. Sabes cual puede ser el problema? Muchas gracias.
Responderdaniel noviembre 6, 2008 a las 11:51 am
Excelente!
ResponderAndaba buscando el “volver a atrás” y funciona perfecto.
Saludos y gracias
Fabio Salinas noviembre 6, 2008 a las 1:23 pm
Sencillo y util!, de casualidad no sabrias como poner lo mismo pero con >> (ultima pagina) > (Siguiente pagina) y 1 – 2 – 3 – 4 – 5 – 6… para que puedan navegar mas facilmente los lectores del Blog?
Responderjorge noviembre 16, 2008 a las 5:56 pm
Excelente dato 😉
Respondersergio marzo 19, 2009 a las 8:57 am
llevo rato leyendo esta pagina, esta buenisima, he encontrado cosas muy utiles.
Responderfelicidades
Nacho junio 8, 2009 a las 6:13 pm
Gran comentario! Me ha ayudado mucho ahora que estoy empezando en este mundillo.
ResponderSaludos y muchas gracias.
ho2 noviembre 2, 2010 a las 1:22 pm
Muy bueno
me ayuudo bastante gracias (=
ResponderAlonso enero 12, 2011 a las 2:43 am
LO MAXIMOOO!!!
ResponderDRR julio 11, 2011 a las 7:00 am
Perfecto, gracias!
ResponderJavier julio 16, 2011 a las 8:26 pm
Muy útil, muchas gracias.
ResponderChiquito noviembre 8, 2011 a las 6:57 am
Buen dato, impeca. Gracias
ResponderFrancisco Antonio noviembre 11, 2011 a las 8:48 pm
hey que vacano tenemos en mismo nombre y gracias fue muy util gracias!
ResponderNiko, enero 4, 2012 a las 2:39 pm
De lujo!!!! Voy a probarlo, ojala me sirva!! 🙂 Gracias!
ResponderNiko, enero 4, 2012 a las 2:52 pm
Funciona de 10 😉 Mil y una gracias 🙂
Responderearce.ozz febrero 22, 2012 a las 2:14 pm
era lo que estaba buscando, gracias por el dato..
Responderediccson11 diciembre 12, 2013 a las 3:43 pm
Que buen dato,,pero tengo un caso parecido necesito ocultar el boton atras del navergador, tu de casualidad tienes el dato,,
Respondergracias
Niko septiembre 5, 2014 a las 12:01 pm
@karol: Karol, lo que sucede, es que, este script se cancela al hacer click en Google Chrome, osea, si haces click en el, no tendrá efecto porque se eliminan las páginas anteriores, este truco no funciona.
Responder