Blogger Javascript

Botón de atrás y adelante con Javascript

Captura del botón de atrás y adelante en Firefox.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!

Deja un comentario

18 Comentarios