Cómo hacer que el navegador vuelva a la página anterior usando JavaScript?
Nota adicional: Referirse a la página anterior con un La etiqueta de referencia no es una buena solución. La mayoría de los principiantes nuevos a menudo intentan usar el Etiqueta de referencia para moverse a la página anterior, y en la historia del navegador, se registra como un avance. Entonces esa no es una solución óptima porque el navegador no volverá. Más bien, en realidad está en el futuro.
El método en el centro de atención
El siguiente método se usa para mover el navegador hacia atrás:
ventana.historia.atrás()Este método no toma ningún parámetro ni devuelve nada. Simplemente mueve el navegador un paso atrás en su historia. Pasemos un ejemplo para demostrar su funcionamiento
Paso 1: Configurar en casa.html
Crear un documento HTML con el nombre hogar, y esta es la primera página que se utilizará para pasar a una segunda página. Para crear este documento HTML de inicio, use las siguientes líneas:
Esta es la primera página!
Haga clic para visitar la segunda página
En este documento HTML, un La etiqueta se usa para mover el navegador "adelante" en la segunda página. En este punto, el navegador muestra la siguiente salida:
La página web muestra el enlace para moverse a la segunda página, pero actualmente, falta esa segunda página, así que cree eso en el siguiente paso.
Paso 2: Configurar una segunda página.html
Crea otro documento HTML y así segunda pagina.html. En este archivo, agregue las siguientes líneas:
Esta es la segunda página
Haga clic en el botón de abajo para "retroceder" a la página anterior
En este documento HTML, hemos creado un botón con una propiedad OnClick establecida en botón de retroceso(). Esto creará la siguiente página web en el navegador:
La funcionalidad del botón para tomar el botón del navegador aún faltan. Para esto, agregue la siguiente etiqueta de script dentro de la segunda página.HTML:
En esta etiqueta de script, la función botón de retroceso() se crea que se llamará en el botón Presione. En esta función, el atrás() El método se ha aplicado a la propiedad "historia" Usando el navegador ventana objeto.
Después de esto, cargue la casa.html en un navegador y observe la funcionalidad de la siguiente manera:
Hay algunas cosas que notar:
- Al principio, tanto el botón hacia adelante como el botón posterior del navegador estaban deshabilitados debido a que no hay historial
- Hacer clic en el enlace lleva al usuario a la segunda página
- Cuando en la segunda página, se activa el botón Atrás
- Haga clic en el botón en la segunda página lleva al usuario de vuelta en la página de inicio.
- Sin embargo, el botón Atrás está deshabilitado en la página de inicio y el botón de avance ahora está habilitado
- Esto significa que el navegador no fue redirigido a la página de inicio. Más bien, fue movido atrás de la historia
Envolver
En la parte de JavaScript del documento de la página web, simplemente use el ventana.historia.atrás() Para hacer que los navegadores vuelvan a la página anterior que había visitado. El "ventana" es el objeto de la ventana del navegador, el "historia" es una propiedad del ventana objeto, y atrás() es el método que se aplica al historial para mover el navegador hacia atrás. Este artículo utilizó un ejemplo paso a paso para demostrar el funcionamiento de la ventana.historia.Método Back ().