Window Location в JavaScript

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

Window Location

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

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

Пример

Показать текущий href (URL) страницы:

document.getElementById("demo").innerHTML = "Позиция страницы является " + window.location.href;

Результат:

Позиция страницы - http://www.codew3c.com/js/js_window_location.asp

Попробуйте сами

Имя хоста Window Location

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

Пример

Показать имя хоста:

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

Результат:

Имя хоста страницы - www.codew3c.com

Попробуйте сами

Путь Window Location

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

Пример

Показать путь текущего URL:

document.getElementById("demo").innerHTML = "Путь страницы является " + window.location.pathname;

Результат:

Путь страницы - /js/js_window_location.asp

Попробуйте сами

Соглашение Window Location

window.location.protocol Свойство возвращает веб-соглашение страницы.

Пример

Показать веб-соглашение:

document.getElementById("demo").innerHTML = "Соглашение страницы является " + window.location.protocol;

Результат:

Соглашение страницы - http:

Попробуйте сами

Window Location Порт

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

Пример

Показать номер порта хоста:

document.getElementById("demo").innerHTML = "Номер порта: " + window.location.port;

Попробуйте сами

Большинство браузеров не показывают default порт (http - 80, https - 443).

Window Location Assign

window.location.assign() Метод загрузки нового документа.

Пример

Загрузить новый документ:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Загрузить новый документ" onclick="newDoc()">
</body>
</html>

Попробуйте сами