Le window.location objet peut être utilisé pour obtenir la page en cours adresse (URL) et de rediriger le navigateur vers une nouvelle page.
Window Location
Le window.location objet peut être écrit sans le préfixe de la fenêtre.
Quelques exemples:
- window.location.href renvoie le href (URL) de la page courante
- window.location.hostname renvoie le nom de domaine de l'hôte Web
- window.location.pathname renvoie le chemin et le nom de la page courante
- window.location.protocol renvoie le protocole Web utilisé ( http:// ou https:// )
- window.location.assign charge un nouveau document
Window Location Href
La window.location.href propriété renvoie l'URL de la page en cours.
Exemple
Afficher le href (URL) de la page courante:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Le résultat est:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Essayez - le vous - même » Window Location Hostname
La window.location.hostname propriété renvoie le nom de l'hôte Internet (de la page en cours).
Exemple
Afficher le nom de l'hôte:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;Le résultat est:
Page hostname is admin.w3ii2.com
Essayez - le vous - même » Window Location Pathname
La window.location.pathname propriété renvoie le chemin d' accès de la page courante.
Exemple
Afficher le nom de chemin de l'URL actuelle:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Le résultat est:
/index.php Essayez - le vous - même » Window Location Protocol
La window.location.protocol propriété renvoie le protocole Internet de la page.
Exemple
Afficher le protocole Web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Le résultat est:
Page protocol is http: Essayez - le vous - même » Window Location Assign
Le window.location.assign() méthode charge un nouveau document.
Exemple
Charger un nouveau document:
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
Essayez - le vous - même »