Comment obtenir une URL actuelle dans le navigateur Web à l'aide de JavaScript

Lors de la création d'applications Web, il est souvent nécessaire d'accéder et de manipuler l'URL actuelle dans le navigateur Web. JavaScript fournit un moyen simple et facile d'obtenir l'URL actuelle dans le navigateur, qui peut être utile à un large éventail de fins, du suivi du comportement des utilisateurs à la mise en œuvre des menus de navigation dynamique.

Dans cet article, nous explorerons comment obtenir l'URL actuelle dans le navigateur Web à l'aide de JavaScript. Nous couvrirons deux méthodes: en utilisant la fenêtre.propriété de localisation et utilisation du document.Propriété URL.

Méthode 1: Utilisation du fenêtre.emplacement Propriété

Le "fenêtre.emplacement" la propriété fournit des informations sur l'URL actuelle dans le navigateur. Cette propriété comprend diverses informations sur l'URL, telles que le protocole, le nom d'hôte, le numéro de port, le chemin et la chaîne de requête.

Pour obtenir l'URL actuelle en utilisant le "fenêtre.emplacement" propriété, accédez simplement à la propriété et récupérez le "Href" attribut. Voici un exemple d'extrait de code:

Dans cet exemple, nous déclarons d'abord une variable appelée CurrentUrl. Nous lui attribuons ensuite la valeur du "fenêtre.emplacement.href " attribut, qui contient l'URL actuelle. Enfin, nous utilisons la console.Méthode de journal pour imprimer l'URL actuelle sur la console.

Méthode 2: Utilisation du document.URL Propriété

Le "document.URL " la propriété fournit l'URL actuelle du document, y compris le protocole, le nom d'hôte, le numéro de port, le chemin et la chaîne de requête. Cette propriété est similaire à la fenêtre.propriété de localisation, mais fournit un moyen plus direct d'accéder à l'URL.

Pour obtenir l'URL actuelle en utilisant le document.Propriété URL, accédez simplement à la propriété et récupérez sa valeur. Voici un exemple d'extrait de code:

Dans cet exemple, nous déclarons d'abord une variable appelée CurrentUrl. Nous lui attribuons ensuite la valeur du document.Propriété d'URL, qui contient l'URL actuelle. Enfin, nous utilisons la console.Méthode de journal pour imprimer l'URL actuelle sur la console.

Conclusion

Obtenir l'URL actuelle dans le navigateur Web à l'aide de JavaScript est une tâche simple et utile pour les développeurs Web. En utilisant la fenêtre.propriété de localisation ou document.Propriété d'URL, les développeurs peuvent facilement accéder et manipuler l'URL actuelle à un large éventail d'objectifs. Que ce soit pour suivre le comportement des utilisateurs ou implémenter des menus de navigation dynamique, savoir comment obtenir l'URL actuel est une compétence essentielle pour tout développeur Web.