JavaScript Window Lokation

window.location-objektet kan bruges til at få fat i den aktuelle sideadresse (URL) og omdirigere browseren til en ny side.

Window Location

window.location Objektet kan skrives uden window-præfiks.

Nogle eksempler:

  • window.location.href returnerer URL'en til den aktuelle side
  • window.location.hostname returnerer domænet for webserveren
  • window.location.pathname returnerer stien til den aktuelle side eller filnavn
  • window.location.protocol returnerer det brugte webprotokollen (http: eller https:)
  • window.location.assign loader ny dokument

Window Location Href

window.location.href Egenskaben returnerer URL'en til den aktuelle side.

Eksempel

Vis href til den aktuelle side (URL):

document.getElementById("demo").innerHTML = "Sidepositionen er " + window.location.href;

Resultatet er:

Sidepositionen er http://www.codew3c.com/js/js_window_location.asp

Prøv det selv

Window Location Host

window.location.hostname Egenskaben returnerer navnet på (den aktuelle) internetserveren.

Eksempel

Vis navnet på serveren:

document.getElementById("demo").innerHTML = "Sidehost er " + window.location.hostname;

Resultatet er:

Sidehost er www.codew3c.com

Prøv det selv

Window Location Sti

window.location.pathname Egenskaben returnerer stien til den aktuelle webside.

Eksempel

Vis stien til den aktuelle URL:

document.getElementById("demo").innerHTML = "Sidestien er " + window.location.pathname;

Resultatet er:

Sidestien er /js/js_window_location.asp

Prøv det selv

Window Location Protokoll

window.location.protocol Egenskaben returnerer websideprotokollen.

Eksempel

Vis webprotokollen:

document.getElementById("demo").innerHTML = "Sideprotokollen er " + window.location.protocol;

Resultatet er:

Sideprotokollen er http:

Prøv det selv

Window Location Port

window.location.port Egenskaben returnerer nummeret på internettets værtport (for den aktuelle side).

Eksempel

Vis hovedmesters portnummer:

document.getElementById("demo").innerHTML = "Portnummeret er: " + window.location.port;

Prøv det selv

De fleste browsere viser ikke standardportnumre (http er 80, https er 443).

Window Location Assign

window.location.assign() Metode til at indlæse nyt dokument.

Eksempel

Indlæs nyt dokument:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Indlæs nyt dokument" onclick="newDoc()">
</body>
</html>

Prøv det selv