Objet Location
L'objet JavaScript Location
Par l'objet location, on a accès à l'adresse complète de la page web affichée actuellement.
• location.reload() : recharger
• location.replace() : écraser l'élément de l'historique
Exemple d'utilisation de la methode replace()
Methode pour écraser l'élément de l'historique
<a href="javascript:location.replace('contact/index.htm')">Voir la page contact</a>
Résultat: Voir la page contact
Note sur ce résultat: L'adresse actuelle disparaît de la liste des pages visitées. Vous ne pourrez donc pas revenir sur cette page en utilisant le bouton "précédent" de votre navigateur.
Methode pour écraser l'élément de l'historique
<a href="javascript:location.replace('contact/index.htm')">Voir la page contact</a>
Résultat: Voir la page contact
Note sur ce résultat: L'adresse actuelle disparaît de la liste des pages visitées. Vous ne pourrez donc pas revenir sur cette page en utilisant le bouton "précédent" de votre navigateur.
Les propriétés de l'objet location
- location.hash : nom d'ancre à l'intérieur d'une adresse
- location.host : nom de domaine à l'intérieur d'une adresse
- location.hostname : nom de domaine à l'intérieur d'une adresse
- location.href : lien vers une adresse
- location.pathname : nom de chemin à l'intérieur d'une adresse
- location.port : mention du port à l'intérieur d'une adresse
- location.protocol : mention du protocole à l'intérieur d'une adresse
- location.search : paramètre à l'intérieur d'une adresse
Exemple d'utilisation de la propriété host
Propriété qui retourne le nom de domaine d'une adresse
<script type="text/javascript">
document.write("Vous vous trouvez sur le serveur " + window.location.host);
</script>
Résultat:
Propriété qui retourne le nom de domaine d'une adresse
<script type="text/javascript">
document.write("Vous vous trouvez sur le serveur " + window.location.host);
</script>
Résultat:
Exemple d'utilisation de la propriété pathname
Propriété qui retourne le chemin d'une adresse
<script type="text/javascript">
document.write("Chemin actuel: " + window.location.pathname);
</script>
Résultat:
Note sur ce résultat: Easy-Micro utilise pour son site la technique dite des pseudo frames en php. Le pathname est donc ici toujours "\index" puique je n'utilise qu'une seule page pour tous le site.
Propriété qui retourne le chemin d'une adresse
<script type="text/javascript">
document.write("Chemin actuel: " + window.location.pathname);
</script>
Résultat:
Note sur ce résultat: Easy-Micro utilise pour son site la technique dite des pseudo frames en php. Le pathname est donc ici toujours "\index" puique je n'utilise qu'une seule page pour tous le site.
Exemple d'utilisation de la propriété search
Propriété qui retourne les paramètres d'une adresse
<script type="text/javascript">
if(window.location.search != "")
document.write(window.location.search);
</script>
Résultat:
Note sur ce résultat: La propriété search sauvegarde une chaîne de caractères qui fait partie de l'adresse actuelle, a partir d'un point d'interrogation.
Propriété qui retourne les paramètres d'une adresse
<script type="text/javascript">
if(window.location.search != "")
document.write(window.location.search);
</script>
Résultat:
Note sur ce résultat: La propriété search sauvegarde une chaîne de caractères qui fait partie de l'adresse actuelle, a partir d'un point d'interrogation.