HOWTO · jQuery
Comment obtenir l'URL actuelle dans jQuery
Ce tutoriel montre comment vous pouvez accéder à votre URL actuelle en utilisant 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 |