JavaScript Локація (розташування) вікна
Об’єкт window.location можна використовувати для отримання адреси поточної сторінки (URL) і переспрямування браузера на нову сторінку.
Локація (розташування) вікна
Об’єкт window.location можна записати без префікса window.
Кілька прикладів:
window.location.hrefповертає href (URL) поточної сторінкиwindow.location.hostnameповертає доменне ім’я вебхостингуwindow.location.pathnameповертає шлях і назву файлу поточної сторінкиwindow.location.protocolповертає використаний веб-протокол (http: або https:)window.location.assign()завантажує новий документ
Розташування вікна Href
Властивість window.location.href повертає URL-адресу поточної сторінки.
Приклад
Відображення href (URL) поточної сторінки:
document.getElementById("demo").innerHTML =
"Розташування сторінки є " + window.location.href;
Результат є:
Ім’я хосту розташування вікна
Властивість window.location.hostname повертає ім’я Інтернет-хосту (поточної сторінки).
Приклад
Відображення імені хоста:
document.getElementById("demo").innerHTML =
"Ім’я хосту сторінки " + window.location.hostname;
Результат є:
Шлях розташування вікна
Властивість window.location.pathname повертає шлях до поточної сторінки.
Приклад
Відображення імені шляху до поточної URL-адреси:
document.getElementById("demo").innerHTML =
"Шлях до сторінки " + window.location.pathname;
Результат є:
Протокол розташування вікон
Властивість window.location.protocol повертає веб-протокол сторінки.
Приклад
Відобразити веб-протокол:
document.getElementById("demo").innerHTML =
"Протокол сторінки є " + window.location.protocol;
Результат є:
Порт розташування вікна
Властивість window.location.port повертає номер порту Інтернет-хосту (поточної сторінки).
Приклад
Відображення імені хоста:
document.getElementById("demo").innerHTML =
"Номер порту є " + window.location.port;
Результат є:
Більшість браузерів не відображатимуть стандартні номери портів (80 для http і 443 для https)
Призначення розташування вікна
Метод window.location.assign() завантажує новий документ.
Приклад
Завантажте новий документ:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Завантажити новий документ" onclick="newDoc()">
</body>
</html>
Спробуйте самі »
