Función history.forward() en JavaScript

Shiv Yadav 15 febrero 2024
Función history.forward() en JavaScript

Este artículo le mostrará cómo navegar por el navegador utilizando JavaScript.

Usa la función history.forward() en JavaScript

El objeto de historial, al que siempre se puede acceder como parte del objeto de ventana del navegador, tiene una función llamada forward() en JavaScript. El botón Adelante en su navegador es lo mismo que usar la función history.forward().

El método se llama en una página HTML de la siguiente manera.

Código de ejemplo:

<body>
  <h1>Next Page</h1>
  <a href="b.html">To Next Page</a>

  <script>
    window.history.forward();
  </script>
</body>

Si el historial de su navegador no incluye la página siguiente, la función history.forward() no tendrá efecto.

La función history.forward() se usa a menudo para desactivar el botón Atrás para aplicaciones en línea que necesitan medidas de seguridad más sólidas y pasar a la página siguiente en el historial del navegador. Para ello, incluye la función history.forward() en las páginas a las que no quieras que vuelvan los usuarios.

Tomemos un escenario en el que tiene dos páginas web, a.html y b.html, y puede acceder a b.html desde a.html.

Código de ejemplo:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <h1>Next Page</h1>
    <a href="b.html">To Next Page</a>

    <script>
      window.history.forward();
    </script>
  </body>
</html>

El siguiente script se puede agregar a la página a si no desea que el usuario regrese de la página b a la página a.

Guion:

<script>window.history.forward();</script>

Primero, cree dos páginas web como a.html y b.html y guarde ambos archivos. Asegúrese de que el código esté en la página principal para redirigir a otra página como b.html.

Producción:

Utilice la función history.foward en la página principal

Cuando haga clic en el enlace (To Next Page), lo redirigirá a la siguiente página/html.

la segunda pagina

Cuando regresa a la página a desde la página b, la función history.forward() se invoca automáticamente ya que no existe un método para desactivar el botón Atrás en el navegador usando JavaScript.

Este enfoque ha sido utilizado por programas específicos que necesitan evitar que los usuarios abandonen la página actual y regresen.

Autor: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

Artículo relacionado - JavaScript Function