Fonction history.forward() en JavaScript
Cet article vous montrera comment naviguer dans le navigateur en utilisant JavaScript.
Utiliser la fonction history.forward() en JavaScript
L’objet historique, qui est toujours accessible dans le cadre de l’objet fenêtre du navigateur, a une fonction appelée forward() en JavaScript. Le bouton Suivant de votre navigateur revient au même que l’utilisation de la fonction history.forward().
La méthode est appelée dans une page HTML de la manière suivante.
Exemple de code :
<body>
<h1>Next Page</h1>
<a href="b.html">To Next Page</a>
<script>
window.history.forward();
</script>
</body>
Si l’historique de votre navigateur n’inclut pas la page suivante, la fonction history.forward() n’aura aucun effet.
La fonction history.forward() est souvent utilisée pour désactiver le bouton de retour des applications en ligne qui nécessitent des mesures de sécurité plus robustes et passer à la page suivante dans l’historique du navigateur. Pour ce faire, incluez la fonction history.forward() sur les pages vers lesquelles vous ne voulez pas que les utilisateurs reviennent.
Prenons un scénario où vous avez deux pages Web, a.html et b.html, et vous pouvez accéder à b.html à partir de a.html.
Exemple de code :
<!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>
Le script suivant peut être ajouté à la page a si vous ne voulez pas que l’utilisateur revienne de la page b à la page a.
Scénario:
<script>window.history.forward();</script>
Tout d’abord, créez deux pages Web comme a.html et b.html et enregistrez les deux fichiers. Assurez-vous que le code est sur la page principale pour rediriger vers une autre page comme b.html.
Production:
Lorsque vous cliquez sur le lien (To Next Page), il vous redirigera vers la page html/page suivante.
Lorsque vous revenez à la page a depuis la page b, la fonction history.forward() est automatiquement invoquée car il n’existe aucune méthode pour désactiver le bouton de retour du navigateur en utilisant JavaScript.
Cette approche a été utilisée par des programmes spécifiques qui doivent empêcher les utilisateurs de quitter la page actuelle et d’y revenir.
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