Redirection JavaScript

JavaScript est un langage de programmation orienté Web. Lorsque vous utilisez le Web, vous devrez souvent naviguer dans les pages. Lorsque vous cliquez sur n'importe quel bouton, soumettez un formulaire ou connectez-vous à n'importe quel site Web, vous êtes redirigé vers une nouvelle page différente. La redirection des pages est une partie essentielle de tout site Web, mais elle n'est pas seulement limitée à la navigation sur les pages sur un site Web. Il peut y avoir plusieurs raisons pour rediriger la page, par exemple:

• L'ancien nom de domaine est changé en un nouveau domaine
• Soumission et autorisation d'un formulaire
• Sur la base du navigateur ou de la langue de l'utilisateur
• Rediriger de HTTP vers HTTPS

Cet article explique quelques façons différentes de rediriger une page.

Syntaxe

La syntaxe pour naviguer vers une page à l'aide de JavaScript est la suivante:

fenêtre.emplacement.href = "url"

Dans cette méthode, vous fournissez simplement l'URL à laquelle vous souhaitez rediriger l'utilisateur.

La syntaxe pour une autre méthode de redirection d'un utilisateur vers une nouvelle URL est la suivante:

fenêtre.emplacement.remplacer ("url") // ou
fenêtre.emplacement.attribuer ("URL")

Dans cette syntaxe fonctionnelle, vous fournissez l'URL à laquelle vous souhaitez rediriger, et chaque fois que cette fonction est appelée, vous serez redirigé vers cette URL spécifique.

Ici, «remplacer» et «attribuer» faites la même tâche mais avec une différence subtile. Ils redirigent tous les deux vers une nouvelle URL, mais «remplacer» ne prend pas le dossier de l'historique et l'utilisateur ne peut pas revenir à l'ancienne URL ou à la page précédente. En attendant, «Assign» maintient l'historique d'enregistrement et permet à l'utilisateur de revenir à la page précédente.

Nous allons maintenant examiner quelques exemples des deux syntaxes.

Exemples

Tout d'abord, nous créerons une fonction sur-cliquez sur un bouton.

Linuxhint

Cette fonction redirige l'utilisateur vers le site Web «https: // www.linuxhint.com."

fonction redirectFunction ()
fenêtre.emplacement.href = "https: // www.linuxhint.com "

Maintenant, si l'utilisateur clique sur le bouton, il sera redirigé vers LinuxHint.com

Dans cet exemple suivant, disons, vous souhaitez rediriger l'utilisateur d'un ancien domaine vers le nouveau domaine. À des fins de test, supposons que l'adresse actuelle soit le Host local, mais chaque fois que l'utilisateur entre dans l'URL du Host local, l'utilisateur est redirigé du Host local vers la nouvelle URL, qui est LinuxHint.com dans cet exemple. C'est plus facile à faire que vous ne le pensez. Pour ce faire, utilisez simplement la syntaxe de la deuxième méthode de redirection:

fenêtre.emplacement.remplacer ("https: // www.linuxhint.com ")

Maintenant, si l'utilisateur entre dans l'URL localhost, il sera redirigé vers Linuxhint.com. Mais, si vous regardez le bouton supérieur gauche du navigateur pour revenir à la page précédente:

Le bouton est terminé et le navigateur ne nous permet pas de revenir à la page précédente. Cependant, si vous souhaitez conserver cette option pour l'utilisateur, vous pouvez utiliser «Attribuer» au lieu de «remplacer."

fenêtre.emplacement.attribuer ("https: // www.linuxhint.com ")

Et maintenant, si vous regardez le bouton supérieur gauche du navigateur pour revenir à la page précédente:

Le bouton n'est pas terminé. Vous pouvez revenir à la page précédente.

Il est recommandé d'utiliser «remplacer» au lieu de «affecter» ici, car le but de rediriger vers une nouvelle URL est que l'ancienne URL ne fonctionne plus ou non disponible.

Conclusion

Cet article a expliqué quelques méthodes de redirection différentes en JavaScript, ainsi que des exemples réels en utilisant ces méthodes. Dans cet article, vous avez appris à naviguer vers une nouvelle page et à rediriger de l'ancienne URL vers une nouvelle URL. Vous pouvez en savoir plus sur JavaScript à Linuxhint.com.