Comment rediriger vers une autre page Web avec JavaScript

La redirection de page est une technique dans laquelle un utilisateur tente d'ouvrir une URL particulière, mais à la place, cet utilisateur est redirigé vers une autre URL. Cela pourrait se produire pour plusieurs raisons, dont certaines sont énumérées ci-dessous:

• Votre contenu est déplacé vers un nouveau domaine. Ainsi, tous vos visiteurs seront redirigés vers ce nouveau domaine lorsqu'ils accéderont au domaine plus ancien.
• Votre domaine varie en fonction de la langue, de l'emplacement, etc. Ainsi, l'utilisateur est redirigé vers la page appropriée en fonction de ces facteurs.
• Bien que vous ayez déplacé votre contenu vers un domaine différent, les moteurs de recherche conserveront toujours ce contenu et URL dans leur index. Ainsi, dans le cas où les moteurs de recherche savent que l'ancien contenu a été déplacé vers un nouvel endroit et qu'un nouvel endroit devrait prendre la place principale dans l'index, vous utilisez la redirection de la page côté client.

Redirection de la page avec JavaScript

Dans Javascrip Nous pouvons rediriger vers une autre page via l'objet de localisation qui fait partie de l'objet de fenêtre et est accessible via la fenêtre.propriété de localisation. Cela contient les informations URL. Il existe plusieurs façons de rediriger vers une autre page Web à l'aide de JavaScript. Les plus couramment utilisés sont emplacement.href, emplacement.attribuer et emplacement.remplacer.

Note: La console du navigateur est utilisée pour la démonstration d'exemples dans cet article.

Utilisation de la fenêtre.emplacement.Href vers la redirection en JavaScript

En utilisant emplacement.href propriété, vous attribuez la nouvelle URL en tant que chaîne. Ceci est utile lorsque vous souhaitez qu'un événement se produise si l'utilisateur clique sur un bouton ou un lien qui les redirige vers une nouvelle page:

Aller sur Google

Note: Vous pouvez aller sur Google en cliquant sur le bouton.

Utilisation de la fenêtre.emplacement.attribuer la méthode pour rediriger en javascript

Cette méthode est similaire à fenêtre.emplacement.href, où vous attribuez l'URL. Grâce à cela, l'utilisateur peut également revenir à la page précédente et cela créera une entrée dans l'histoire:

Aller sur Google

Note: Vous pouvez aller sur Google en cliquant sur le bouton.

Utilisation de la fenêtre.emplacement.Remplacez la méthode pour rediriger en JavaScript

Le Emplacement.remplacer() La méthode est utilisée lorsque vous souhaitez rediriger vers une nouvelle page sans revenir au domaine plus ancien. La page actuelle ne sera pas enregistrée dans l'histoire et sera remplacée par la nouvelle URL:

Aller sur Google

Note: Vous pouvez aller sur Google en cliquant sur le bouton.

Une autre façon de l'utiliser est à travers setTimeout () qui redirige vers une nouvelle page après une heure particulière qui lui est attribuée.

Note:Vous pouvez aller sur Google après 2 secondes.

Conclusion

Vous devez avoir rencontré une situation où vous avez cliqué sur l'URL d'une certaine page mais avez été redirigé vers une autre page; Cette technique est appelée redirection de page et est couramment utilisée par les développeurs pour plusieurs raisons.

Dans cet article, nous avons parcouru différentes méthodes de redirection vers une autre page Web avec JavaScript; Le message a également décrit les différences entre les trois méthodes de redirection en JavaScript, emplacement.href, emplacement.attribuer et emplacement.remplacer.

En utilisant emplacement.href et emplacement.attribuer, L'utilisateur peut facilement revenir à la page précédente car elle crée une entrée dans l'histoire. Le emplacement.remplacer redirige vers une nouvelle page Web, mais elle ne crée pas une entrée dans l'historique, c'est pourquoi l'utilisateur ne peut pas revenir à la page précédente.