ObjetLocation
Objet Location
L'objet Location contient des informations sur l'URL actuelle.
L'objet Location fait partie de l'objet window et est accessible viawindow.location.xxxles propriétés pertinentes du format pour y accéder.
Remarque :Il n'existe aucune norme publique qui s'applique à l'objet Location, mais tous les navigateurs le prennent en charge.
Propriétés de l'objet Location
| Propriété | Description |
|---|---|
| hash | Renvoie la partie ancre d'une URL |
| host | Renvoie le nom d'hôte et le port d'une URL |
| hostname | Renvoie le nom d'hôte d'une URL |
| href | Renvoie l'URL complète |
| pathname | Renvoie le chemin de l'URL. |
| port | Renvoie le numéro de port utilisé par le serveur d'une URL |
| protocol | Renvoie le protocole d'une URL |
| search | Renvoie la partie requête d'une URL |
Exemples
// Créer une balise a et définir l'attribut href
var url = document.createElement('a');
url.href = 'https://www.example.com/?s=python#test';
console.log(url.href); // https://www.example.com/?s=python
console.log(url.protocol); // https:
console.log(url.host); // www.example.com
console.log(url.hostname); // www.example.com
console.log(url.port); // (La sortie est vide - le port par défaut de https est 443)
console.log(url.pathname); // /
console.log(url.search); // en-US/search
console.log(url.hash); // #test
console.log(url.origin); // https://www.example.com
var url = document.createElement('a');
url.href = 'https://www.example.com/?s=python#test';
console.log(url.href); // https://www.example.com/?s=python
console.log(url.protocol); // https:
console.log(url.host); // www.example.com
console.log(url.hostname); // www.example.com
console.log(url.port); // (La sortie est vide - le port par défaut de https est 443)
console.log(url.pathname); // /
console.log(url.search); // en-US/search
console.log(url.hash); // #test
console.log(url.origin); // https://www.example.com
Le résultat du test est le suivant :
Méthodes de l'objet Location
| Méthode | Description |
|---|---|
| assign() | Charge un nouveau document |
| reload() | Recharge le document actuel |
| replace() | Remplace le document actuel par un nouveau document |