Maison > interface Web > js tutoriel > Comment puis-je rediriger les utilisateurs vers une autre page en utilisant JavaScript ?

Comment puis-je rediriger les utilisateurs vers une autre page en utilisant JavaScript ?

Patricia Arquette
Libérer: 2024-11-10 17:38:02
original
847 Les gens l'ont consulté

How can I redirect users to another page using JavaScript?

Redirection JavaScript : un guide complet

La redirection vers une autre page à partir d'une page Web peut être une tâche courante dans les scénarios de développement Web. JavaScript, un puissant langage de script côté client, fournit une méthode simple et efficace pour y parvenir.

Pour rediriger vers une page à l'aide de JavaScript, vous pouvez utiliser la propriété window.location. Cette propriété vous permet de manipuler l'URL actuelle et de diriger les utilisateurs vers une autre page.

La syntaxe de redirection à l'aide de window.location est la suivante :

window.location = "http://www.yoururl.com";
Copier après la connexion

Le code ci-dessus redirigera instantanément le navigateur à l'URL spécifiée, "http://www.yoururl.com". En attribuant une nouvelle valeur à la propriété window.location, vous pouvez rediriger vers n'importe quelle URL souhaitée.

Exemple :

Considérez l'exemple suivant :

<script>
  setTimeout(function() {
    window.location = "http://www.newurl.com";
  }, 3000);
</script>
Copier après la connexion

Ce code redirigera l'utilisateur vers "http://www.newurl.com" après un délai de 3 secondes, lui laissant le temps d'effectuer toutes opérations ou animations nécessaires.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal