Comment obtenir l'URL actuelle dans jQuery

Sundeep Dawadi 30 janvier 2023 jQuery
  1. Attribut href pour obtenir l’URL courante dans jQuery
  2. Accéder aux propriétés spécifiques de l’URL dans jQuery
Comment obtenir l'URL actuelle dans jQuery

Il y a souvent des cas où vous voulez voir où votre code jQuery est en train de se charger. Pour chaque fenêtre ouverte dans le navigateur, celui-ci donne accès à son objet window. En tant que partie de l’objet window, l’objet location donne des informations sur l’URL actuelle.

Attribut href pour obtenir l’URL courante dans jQuery

Pour obtenir l’URL actuelle, vous pouvez accéder à l’attribut href de l’objet location du navigateur.

<script>
 var url = $(location).attr('href');
  // Returns full URL
(https://example.com/path/example.html)
 var pathname = $(location).attr('pathname');
  // Returns path only (/path/example.html)
 var origin = $(location).attr('origin');
  // Returns base URL (https://example.com)
</script>
Note
En JavaScript, on peut y accéder via l’attribut window.location.href.

Accéder aux propriétés spécifiques de l’URL dans jQuery

L’objet location est fourni avec des propriétés supplémentaires de l’URL.

Propriété Description
hash partie d’ancrage (#) d’une URL
host le nom d’hôte et le numéro de port d’une URL
hostname nom d’hôte d’une URL
href URL complète
origin le protocole, le nom d’hôte et le numéro de port d’une URL
pathname le chemin d’une URL
port le numéro de port d’une URL
protocol protocole d’une URL
search partie de chaîne de recherche d’une URL
Vous aimez nos tutoriels ? Abonnez-vous à DelftStack sur YouTube pour nous aider à créer davantage de tutoriels vidéo de haute qualité. Abonnez-vous