Lokalizacja okna JavaScript
Obiekt window.locationmoże służyć do uzyskania aktualnego adresu strony (URL) i przekierowania przeglądarki na nową stronę.
Lokalizacja okna
Obiekt window.locationmożna zapisać bez przedrostka okna.
Kilka przykładów:
window.location.hrefzwraca href (URL) bieżącej stronywindow.location.hostnamezwraca nazwę domeny hosta internetowegowindow.location.pathnamezwraca ścieżkę i nazwę pliku bieżącej stronywindow.location.protocolzwraca używany protokół sieciowy (http: lub https:)window.location.assign()ładuje nowy dokument
Lokalizacja okna Href
Właściwość window.location.hrefzwraca adres URL bieżącej strony.
Przykład
Wyświetl href (URL) bieżącej strony:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Wynik to:
Page location is https://pl.pictoshow.com/js/js_window_location.asp
Nazwa hosta lokalizacji okna
Właściwość window.location.hostnamezwraca nazwę hosta internetowego (bieżącej strony).
Przykład
Wyświetl nazwę hosta:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
Wynik to:
Page hostname is pl.pictoshow.com
Ścieżka lokalizacji okna
Właściwość window.location.pathnamezwraca nazwę ścieżki bieżącej strony.
Przykład
Wyświetl nazwę ścieżki bieżącego adresu URL:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Wynik to:
Page path is /js/js_window_location.asp
Protokół lokalizacji okna
Właściwość window.location.protocolzwraca protokół sieciowy strony.
Przykład
Wyświetl protokół sieciowy:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Wynik to:
Page protocol is https:
Port lokalizacji okna
Właściwość window.location.portzwraca numer portu hosta internetowego (bieżącej strony).
Przykład
Wyświetl nazwę hosta:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
Wynik to:
Port number is
Większość przeglądarek nie wyświetla domyślnych numerów portów (80 dla http i 443 dla https)
Przypisz położenie okna
Metoda window.location.assign()ładuje nowy dokument.
Przykład
Załaduj nowy 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>