Locatie JavaScript -venster
Het window.locationobject kan worden gebruikt om het huidige pagina-adres (URL) op te halen en de browser om te leiden naar een nieuwe pagina.
Vensterlocatie
Het window.locationobject kan worden geschreven zonder het venstervoorvoegsel.
Een paar voorbeelden:
window.location.hrefgeeft de href (URL) van de huidige pagina terugwindow.location.hostnamegeeft de domeinnaam van de webhost terugwindow.location.pathnamegeeft het pad en de bestandsnaam van de huidige pagina terugwindow.location.protocolgeeft het gebruikte webprotocol terug (http: of https:)window.location.assign()laadt een nieuw document
Venster Locatie Href
De window.location.hrefeigenschap retourneert de URL van de huidige pagina.
Voorbeeld
Geef de href (URL) van de huidige pagina weer:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Resultaat is:
Page location is https://nl.pictoshow.com/js/js_window_location.asp
Hostnaam van vensterlocatie
De window.location.hostnameeigenschap retourneert de naam van de internethost (van de huidige pagina).
Voorbeeld
Geef de naam van de host weer:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
Resultaat is:
Page hostname is nl.pictoshow.com
Padnaam van vensterlocatie
De window.location.pathnameeigenschap retourneert de padnaam van de huidige pagina.
Voorbeeld
Geef de padnaam van de huidige URL weer:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Resultaat is:
Page path is /js/js_window_location.asp
Protocol voor vensterlocatie
De window.location.protocoleigenschap retourneert het webprotocol van de pagina.
Voorbeeld
Geef het webprotocol weer:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Resultaat is:
Page protocol is https:
Venster Locatie Poort
De window.location.porteigenschap retourneert het nummer van de internethostpoort (van de huidige pagina).
Voorbeeld
Geef de naam van de host weer:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
Resultaat is:
Port number is
De meeste browsers geven geen standaardpoortnummers weer (80 voor http en 443 voor https)
Vensterlocatie toewijzen
De window.location.assign()methode laadt een nieuw document.
Voorbeeld
Een nieuw document laden:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>