Redirection Javascript

| | | | | | | | | | | | | |

Il existe plusieurs façons de rediriger une page Web : côté client à l`aide d`une balise méta en HTML et côté serveur à l`aide de méthodes de redirection HTTP, pour n`en nommer que quelques-unes. Dans cet article, nous examinons comment rediriger une page Web à l`aide de JavaScript.

Il existe deux façons d`utiliser le code JavaScript pour la redirection de page. Les deux impliquent l`objet d`emplacement de fenêtre.

href

La première méthode implique la propriété href sur l`objet d`emplacement (qui, à son tour, fait partie de l`objet de fenêtre). La seule chose que vous devez faire est de gérer la redirection en attribuant l`URL vers laquelle vous voulez que la redirection aille en tant que location.href. Vous faites cela dans une fonction JavaScript qui sera exécutée lors du chargement de la page :

J`ai ajouté une balise script en bas du document, juste avant la balise body. C`est là que va notre JavaScript. Une fonction, appelée handleRedirect, a un paramètre appelé url. Nous attribuons location.href à la valeur de cette URL.

En haut du corps du document, nous avons un événement onload. Cet événement onload exécute la fonction JavaScript que nous lui attribuons. Ici, nous avons passé l`URL à laquelle nous aimerions qu`il aille. La redirection se produit immédiatement et va vers la partie HTML des articles du blog Python.Engineering.

Si vous souhaitez ajouter une pause avant que la page ne soit redirigée, vous pouvez le faire ceci en utilisant la fonction setTimeout. Voici comment procéder : 

Tout le reste reste le même.

Cette méthode ajoute la page source à l`historique de la pile. Elle est accessible via le bouton retour du navigateur. Une autre méthode pour remplacer l`url si vous préférez le faire à la place - nous verrons cela plus tard !

remplace

Contrairement la méthode que nous avons créée ci-dessus qui attribue une nouvelle URL à une propriété sur l`objet d`emplacement, location.replace () est une méthode qui attribue et remplace l`URL d`origine par ce que vous avez de spécifique.

Cette méthode ne place pas l`URL d`origine sur la pile du navigateur, elle remplace la cible par l`URL redirigée. Voici comment :

Comme vous pouvez le voir, nous n`avons pas tous eu besoin de la balise script pour ce one-liner. Lorsque le document est téléchargé, il exécute la méthode location.replace, qui nous dirige vers le site entre parenthèses.

Ici ! Vous pouvez maintenant rediriger vers une nouvelle page Web en utilisant JavaScript.