JavaScript Window Location

window.location-objekti voidaan käyttää nykyisen sivun osoitteen (URL) hakemiseen ja selaimen uudelleenohjaukseen uudelleen sivulle.

Ikkuna Sijainti

window.location Objekti voidaan kirjoittaa ilman window-prefikoria.

Joitakin esimerkkejä:

  • window.location.href palauttaa nykyisen sivun href (URL)
  • window.location.hostname palauttaa web-isäntänimen domeinin
  • window.location.pathname palauttaa nykyisen sivun polun tai tiedoston nimen
  • window.location.protocol palauttaa käytetyn web-protokollan (http: tai https:)
  • window.location.assign lataa uuden dokumentin

Ikkuna Sijainti Href

window.location.href Ominaisuus palauttaa nykyisen sivun URL:n.

Esimerkki

Näytä nykyisen sivun href (URL):

document.getElementById("demo").innerHTML = "Sivun sijainti on " + window.location.href;

Tuloksena:

Sivun sijainti on http://www.codew3c.com/js/js_window_location.asp

Kokeile itse

Ikkuna Sijainti Isäntänimi

window.location.hostname Ominaisuus palauttaa (nykyisen sivun) Internet-isäntänimen.

Esimerkki

Näytä isäntänimen nimi:

document.getElementById("demo").innerHTML = "Sivun isäntänimi on " + window.location.hostname;

Tuloksena:

Sivun isäntänimi on www.codew3c.com

Kokeile itse

Ikkuna Sijainti Polku

window.location.pathname Ominaisuus palauttaa nykyisen sivun polun.

Esimerkki

Näytä nykyisen URL:n polku:

document.getElementById("demo").innerHTML = "Sivun polku on " + window.location.pathname;

Tuloksena:

Sivun polku on /js/js_window_location.asp

Kokeile itse

Ikkuna Sijainti Protokolla

window.location.protocol Ominaisuus palauttaa sivun web-protokollan.

Esimerkki

Näytä web-protokolla:

document.getElementById("demo").innerHTML = "Sivusopimus on " + window.location.protocol;

Tuloksena:

Sivusopimus on http:

Kokeile itse

Window Location Portti

window.location.port Ominaisuus palauttaa (nykyisen sivun) internet-isäntäpalvelimen portin numeron.

Esimerkki

Näytä isäntäpalvelimen portti:

document.getElementById("demo").innerHTML = "Portti on: " + window.location.port;

Kokeile itse

Useimmat selaimet eivät näytä oletusarvoisia portteja (http on 80, https on 443).

Window Location Assign

window.location.assign() Metodi lataa uusi asiakirja.

Esimerkki

Lataa uusi asiakirja:

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

Kokeile itse