JavaScript Window Location / Локация (Место расположения)
Объект window.location
можно использовать для получения адреса текущей страницы (URL) и перенаправления браузера на новую страницу.
Window Location (Место расположения)
Объект window.location
можно записать без префикса window.
Some examples:
window.location.href
возвращает href (URL) текущей страницыwindow.location.hostname
возвращает доменное имя веб-хостаwindow.location.pathname
возвращает путь и имя файла текущей страницыwindow.location.protocol
возвращает используемый веб-протокол (http: или https:)window.location.assign()
загружает новый документ
Window Location Href
Свойство window.location.href
возвращает URL-адрес текущей страницы.
Пример
Показать href (URL) текущей страницы:
document.getElementById("demo").innerHTML =
"Расположение страницы " + window.location.href;
Результат:
Window Location Имя хоста
Свойство window.location.hostname
возвращает имя интернет-хоста (текущей страницы).
Пример
Отображение имени хоста:
document.getElementById("demo").innerHTML =
"Имя хоста страницы " + window.location.hostname;
Результат:
Window Location Путь
Свойство window.location.pathname
возвращает путь к текущей странице.
Пример
Отобразить путь к текущему URL:
document.getElementById("demo").innerHTML =
"Путь к странице " + window.location.pathname;
Результат:
Window Location Протокол
Свойство window.location.protocol
возвращает веб-протокол страницы.
Пример
Показать веб-протокол:
document.getElementById("demo").innerHTML =
"Протокол страницы " + window.location.protocol;
Результат:
Window Location Порт
Свойство window.location.port
возвращает номер порта интернет-хоста (текущей страницы).
Пример
Отображение имени хоста:
document.getElementById("demo").innerHTML =
"Номер порта " + window.location.port;
Результат:
Большинство браузеров не отображают номера портов по умолчанию (80 для http и 443 для https).
Window Location Присвоение
Метод 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>
Попробуйте сами »