Creando un botón de retroceso HTML

Es fácil agregar un botón de retroceso a su página web. Cuando un visitante de su página haga clic en el botón, pasará a la última página que visitó, como si hiciera clic en el botón Atrás de su navegador.

Puedes lograr esto editando el HTML de tu página y agregando un poco de JavaScript.

Nota: estos botones no funcionarán si el usuario no tiene historial de navegación. Por ejemplo, si el usuario abre su página en una nueva pestaña o ventana del navegador, nada sucederá cuando haga clic en el botón.

Usando history.back

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

Una forma fácil de usar este JavaScript es agregarlo al atributo de evento onclick de un botón. Aquí, crearemos el botón utilizando un elemento, que contiene una Elemento del tipo de botón .

Inserte el siguiente HTML en su página web:

El resultado se verá como el 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 dentro de los paréntesis. En la programación informática, esto se llama un 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 () .