Lokalizacja Okna JavaScript

Obiekt window.location można użyć do uzyskania adresu (URL) bieżącej strony i przekierowania przeglądarki do nowej strony.

Lokalizacja Strony

window.location Obiekt można pisać bez prefiksu window.

Kilka przykładów:

  • window.location.href zwraca href (URL) strony
  • window.location.hostname zwraca domenę hosta web
  • window.location.pathname zwraca ścieżkę lub nazwę pliku strony
  • window.location.protocol zwraca używany protokół web (http: lub https:)
  • window.location.assign ładuje nowy dokument

Lokalizacja Strony Href

window.location.href Atrybut zwraca URL strony.

Przykład

Wyświetl href (URL) bieżącej strony:

document.getElementById("demo").innerHTML = "Lokalizacja strony to " + window.location.href;

Wynik:

Lokalizacja strony to http://www.codew3c.com/js/js_window_location.asp

Spróbuj sam

Lokalizacja Strony Host

window.location.hostname Atrybut zwraca nazwę hosta (internetowego hosta) strony.

Przykład

Wyświetl nazwę hosta:

document.getElementById("demo").innerHTML = "Nazwa hosta strony to " + window.location.hostname;

Wynik:

Nazwa hosta strony to www.codew3c.com

Spróbuj sam

Lokalizacja Strony Ścieżka

window.location.pathname Atrybut zwraca nazwę ścieżki strony.

Przykład

Wyświetl nazwę ścieżki URL bieżącej strony:

document.getElementById("demo").innerHTML = "Ścieżka strony to " + window.location.pathname;

Wynik:

Ścieżka strony to /js/js_window_location.asp

Spróbuj sam

Protokół Lokalizacji Okna

window.location.protocol Atrybut zwraca protokół strony.

Przykład

Wyświetl protokół web:

document.getElementById("demo").innerHTML = "Protokół strony to " + window.location.protocol;

Wynik:

Protokół strony to http:

Spróbuj sam

Port Window Location

window.location.port Atrybut zwraca numer portu internetowego hosta (bieżącej strony).

Przykład

Wyświetl numer portu głównego hosta:

document.getElementById("demo").innerHTML = "Numer portu to: " + window.location.port;

Spróbuj sam

Większość przeglądarek nie wyświetla domyślnego portu (http to 80, https to 443).

Window Location Assign

window.location.assign() Metoda załadowania nowego dokumentu.

Przykład

Załaduj nowy dokument:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Załaduj nowy dokument" onclick="newDoc()">
</body>
</html>

Spróbuj sam