Cómo crear un botón de retroceso HTML

HTML

Puede agregar un botón de retroceso a su página web. Cuando un visitante de su página hace clic en el botón, lo llevan a la última página que visitó, como si hicieran clic en el botón Atrás en su navegador.

Puede lograr esto editando el HTML de su página y agregando un poco de JavaScript.

Usando history.back

En un navegador web, la ventana de objetos de JavaScript incorporada tiene un objeto llamado historial que contiene las URL que un usuario ha visitado en su ventana de navegador actual. Puede usar el método history.back () para indicarle al navegador que regrese a la página anterior del usuario.

Una forma de usar este JavaScript es agregarlo al atributo de evento onclick de un botón. Aquí, creamos el botón usando un elemento <form>, que contiene un elemento <input> del tipo de botón.

Inserte el siguiente HTML en su página web:

<form> <input type = "button" value = "¡Regresar!" onclick = "history.back ()"> </form>

El resultado se parece al botón de abajo. Si hace clic en él, volverá a la página anterior de su historial.

Usando history.go

El método history.go () le dice al navegador que vaya a una página específica en el historial de navegación del usuario. Puede especificar qué elemento del historial colocando un número entre paréntesis. Con la programación de computadoras, esto se llama argumento.

Si especifica el número -1 como argumento, el navegador retrocederá una página en el historial del navegador. Aquí está el mismo código que el anterior, usando history.go (-1) en lugar de history.back ().

<form> <input type = "button" value = "No, en serio, ¡regresa!" onclick = "history.go (-1)"> </form>