Umístění okna JavaScriptu

Obsah

Zobrazit obsah

K získání lze použít objekt window.location adresu aktuální stránky (URL) a přesměrovat prohlížeč na novou stránku.

Umístění okna

Objekt window.location lze zapsat bez prefixu okna.

Nějaké příklady:

window.location.href vrací href (URL) aktuální stránky
window.location.hostname vrací název domény webového hostitele
window.location.pathname vrací cestu a název souboru aktuální stránky
window.location.protocol vrací použitý webový protokol (http:nebo https:)
window.location.assign() načte nový dokument

Umístění okna Href

Vlastnost window.location.href vrací adresu URL aktuální stránky.

Příklad

Zobrazit href (URL) aktuální stránky:

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

Výsledek je:

Zkuste to sami →

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

Umístění okna Název hostitele

Vlastnost window.location.hostname vrací název internetového hostitele (aktuální stránky).

Příklad

Zobrazit jméno hostitele:

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

Výsledek je:

Zkuste to sami →

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

Cesta umístění okna

Vlastnost window.location.pathname vrací název cesty aktuální stránku.

Příklad

Zobrazit název cesty aktuální adresy URL:

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

Výsledek je:

Zkuste to sami →

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

Protokol umístění okna

Vlastnost window.location.protocol vrací webový protokol stránky.

Příklad

Zobrazit webový protokol:

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

Výsledek je:

Zkuste to sami →

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

Port umístění okna

Vlastnost window.location.port vrací číslo internetového hostitele port (aktuální stránky).

Příklad

Zobrazit jméno hostitele:

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

Výsledek je:

Zkuste to sami →

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

Většina prohlížečů nezobrazí výchozí čísla portů (80 pro http a 443 pro https)

Přiřadit umístění okna

Metoda window.location.assign() načte nový dokument.

Příklad

Načíst nový 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>

Zkuste to sami →

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