Window Location

Date de création : 2022/03/27 14:12

JavaScript vous propose de nombreuses méthodes pour afficher l'URL actuelle dans la barre d'adresse du navigateur Web.

Vous pouvez utiliser la propriété d'objet Location de l'objet Window pour obtenir ces détails.

• href ⇒ Cela renverra l'intégralité de l'URL affichée dans la barre d'adresse.
• host ⇒ Cela renverra le nom d'hôte et le port de l'URL dans la barre d'adresse.
• hostname ⇒ Cela renverra uniquement le nom d'hôte de l'URL dans la barre d'adresse.
• port ⇒ Cela renverra uniquement le détail du port de l'URL dans la barre d'adresse.
• protocol ⇒ Cela renverra le protocole de l'URL dans la barre d'adresse. Comme l'URL utilise HTTP (sans SSL) ou HTTPS (avec SSL).
• pathname ⇒ Cela renverra le chemin (valeur après le nom de domaine) de l'URL dans la barre d'adresse.
• hashpathname ⇒ Cela renverra la partie d'ancrage de l'URL, y compris le hash singh (#).
• search⇒ Cela renverra la partie requête de l'URL comme partie commençant par le point d'interrogation (?).

console.log(' href => ' + window.location.href);
console.log(' host => ' + window.location.host);
console.log(' hostname => ' + window.location.hostname);
console.log(' port => ' + window.location.port);
console.log(' protocol => ' + window.location.protocol);
console.log(' pathname => ' + window.location.pathname);
console.log(' hashpathname => ' + window.location.hash);
console.log(' search=> ' + window.location.search);

On peut donc extraire une adresse d'une string:

url = monUrl.split(":");

qui va nous donner un tableau avec deux éléments:

1. le protocol http ou https
2. le domaine avec ces dossiers et fichiers //monSiteWeb.com/mondosier/index.html

il suffit de venir concaténer window.location.protocol devant

  baseUrl = window.location.protocol + this.url[1] + "/mesDossiers/mesFichiers";

Page dans la catégorie: