JavaScript-vinduets placering

Indholdsfortegnelse

    Vis indholdsfortegnelse

Objektet window.location kan bruges til at hente den aktuelle sideadresse (URL) og for at omdirigere browseren til en ny side.

Vindues placering

Objektet window.location kan skrives uden vinduespræfikset.

Nogle eksempler:

  • window.location.href returnerer href (URL) på den aktuelle side

  • window.location.hostname returnerer webhostens domænenavn

  • window.location.pathname returnerer stien og filnavnet på den aktuelle side

  • window.location.protocol returnerer den anvendte webprotokol (http:eller https:)

  • window.location.assign() indlæser et nyt dokument

Vinduesplacering Href

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

Eksempel

Vis href (URL) på den aktuelle side:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Resultatet er:

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"The full URL of this page is:<br>" + window.location.href;
</script>

</body>
</html>

Vinduets placering Værtsnavn

Egenskaben window.location.hostname returnerer navnet på internetværten (på den aktuelle side).

Eksempel

Vis navnet på værten:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

Resultatet er:

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Page hostname is: " + window.location.hostname;
</script>

</body>
</html>

Vinduets placering Stinavn

Egenskaben window.location.pathname returnerer stinavnet til den aktuelle side.

Eksempel

Vis stinavnet på den aktuelle URL:

 document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

Resultatet er:

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Page path is: " + window.location.pathname;
</script>

</body>
</html>

Vindues placeringsprotokol

Egenskaben window.location.protocol returnerer sidens webprotokol.

Eksempel

Vis webprotokollen:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

Resultatet er:

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"The page protocol is: " + window.location.protocol;
</script>

</body>
</html>

Vindues placering Port

Egenskaben window.location.port returnerer nummeret på internetværten port (på den aktuelle side).

Eksempel

Vis navnet på værten:

document.getElementById("demo").innerHTML =
"Port 
  number is " + window.location.port;

Resultatet er:

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<p id="demo"></p>

<p><b>Note: </b>If the port number is default (80 for http and 443 for https), most browsers will display 0 or nothing.</p>

<script>
document.getElementById("demo").innerHTML = 
"The URL port number of the current page is: " + window.location.port;
</script>

</body>
</html>

De fleste browsere viser ikke standardportnumre (80 for http og 443 for https)

Tildel vinduesplacering

Metoden window.location.assign() indlæser et nyt dokument.

Eksempel

Indlæs et nyt dokument:

<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>

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>The window.location object</h3>

<input type="button" value="Load new document" onclick="newDoc()">

<script>
function newDoc() {
  window.location.assign("https://www.w3schools.com")
}
</script>

</body>
</html>