JavaScript Window Location

Het object window.location kan worden gebruikt om de huidige paginaadres (URL) te verkrijgen en de browser naar een nieuwe pagina te redirecteren.

Window Location

window.location Het object kan zonder voorvoegsel window worden geschreven.

Enkele voorbeelden:

  • window.location.href retourneert de href (URL) van de huidige pagina
  • window.location.hostname retourneert de domeinnaam van het webhost
  • window.location.pathname retourneert het pad of de bestandsnaam van de huidige pagina
  • window.location.protocol retourneert het gebruikte webprotocool (http: of https:)
  • window.location.assign laadt een nieuwe document

Href van Window Location

window.location.href De eigenschap retourneert de URL van de huidige pagina.

Voorbeeld

Toon de href (URL) van de huidige pagina:

document.getElementById("demo").innerHTML = "De locatie van de pagina is " + window.location.href;

Het resultaat is:

De locatie van de pagina is http://www.codew3c.com/js/js_window_location.asp

Probeer het zelf

Hostnaam van Window Location

window.location.hostname De eigenschap retourneert de naam van het internethost (van de huidige pagina).

Voorbeeld

Toon de naam van de host:

document.getElementById("demo").innerHTML = "De hostnaam van de pagina is " + window.location.hostname;

Het resultaat is:

De hostnaam van de pagina is www.codew3c.com

Probeer het zelf

Pad van Window Location

window.location.pathname De eigenschap retourneert het pad van de huidige pagina.

Voorbeeld

Toon het pad van de huidige URL:

document.getElementById("demo").innerHTML = "Het pad van de pagina is " + window.location.pathname;

Het resultaat is:

Het pad van de pagina is /js/js_window_location.asp

Probeer het zelf

Protocol van Window Location

window.location.protocol De eigenschap retourneert het webprotocool van de pagina.

Voorbeeld

Toon het webprotocool:

document.getElementById("demo").innerHTML = "Het protocool van de pagina is " + window.location.protocol;

Het resultaat is:

Het protocool van de pagina is http:

Probeer het zelf

Window Location Poort

window.location.port Eigenschap retourneert het nummer van de internethostpoort (van de huidige pagina).

Voorbeeld

Toon het poortnummer van de host:

document.getElementById("demo").innerHTML = "Poortnummer is: " + window.location.port;

Probeer het zelf

De meeste browsers tonen de standaard poortnummers niet (http is 80, https is 443).

Window Location Assign

window.location.assign() Method laden nieuw document.

Voorbeeld

Laad nieuw document:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Laad nieuw document" onclick="newDoc()">
</body>
</html>

Probeer het zelf