BOM - Объект Location

Объект window.location может использоваться для получения адреса (URL) текущей страницы и перенаправления браузера на новую страницу.

Объект window.location может записываться без префикса window.

Некоторые примеры:

  • window.location.href возвращает ссылку (URL) текущей страницы
  • window.location.hostname возвращает доменное имя веб-хоста
  • window.location.pathname возвращает путь и имя файла текущей страницы
  • window.location.protocol возвращает использованный веб-протокол (http: или https:)
  • window.location.assign загружает новый документ

Свойство window.location.href возвращает URL текущей страницы.


document.getElementById("demo").innerHTML =
"Адрес страницы: " + window.location.href;

Свойство window.location.hostname возвращает имя интернет хоста (текущей страницы).


document.getElementById("demo").innerHTML =
"Имя хоста страницы: " + window.location.hostname; 

Свойство window.location.pathname возвращает путь текущей страницы.


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://msiter.ru")
}
</script>
</head>
<body>

<input type="button" value="Загрузить новый документ" onclick="newDoc()">

</body>
</html>