JavaScript ablak helye

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

A window.location objektum használható a lekéréshez az aktuális oldal címét (URL), és átirányítja a böngészőt egy új oldalra.

Ablak helye

A window.location objektum ablak előtag nélkül is írható.

Néhány példa:

  • A window.location.href az aktuális oldal href-jét (URL-jét) adja vissza

  • A window.location.hostname a webtárhely domainnevét adja vissza

  • A window.location.pathname az aktuális oldal elérési útját és fájlnevét adja vissza

  • A window.location.protocol a használt webprotokollt adja vissza (http:vagy https:)

  • A window.location.assign() betölt egy új dokumentumot

Ablak helye Href

A window.location.href tulajdonság az aktuális oldal URL-jét adja vissza.

Példa

Az aktuális oldal href (URL) megjelenítése:

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

Az eredmény:

Próbálja ki Ön is →

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

Ablak helye Gazdanév

A window.location.hostname tulajdonság az internetes gazdagép nevét adja vissza (az aktuális oldalé).

Példa

Jelenítse meg a gazdagép nevét:

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

Az eredmény:

Próbálja ki Ön is →

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

Ablak helyének elérési útja

A window.location.pathname tulajdonság a következő elérési útját adja vissza az aktuális oldal.

Példa

Jelenítse meg az aktuális URL elérési útját:

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

Az eredmény:

Próbálja ki Ön is →

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

Ablakhely-protokoll

A window.location.protocol tulajdonság az oldal webprotokollját adja vissza.

Példa

A webprotokoll megjelenítése:

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

Az eredmény:

Próbálja ki Ön is →

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

Ablak helye Port

A window.location.port tulajdonság az internetes gazdagép számát adja vissza port (az aktuális oldal).

Példa

Jelenítse meg a gazdagép nevét:

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

Az eredmény:

Próbálja ki Ön is →

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

A legtöbb böngésző nem jeleníti meg az alapértelmezett portszámokat (80 a http és 443 a https esetén)

Ablak helyének hozzárendelése

A window.location.assign() metódus új dokumentumot tölt be.

Példa

Új dokumentum betöltése:

<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óbálja ki Ön is →

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