Объект Window Location

Объект Window Location

Объект Location содержит информацию о текущем URL.

Объект Location является свойством объекта окна.

Объект Location можно получить следующим образом:

window.location или только location

Пример

let origin = window.location.origin;

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

let origin = location.origin;

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

Свойства объекта Location

Свойства Описание
hash Установить или вернуть часть URL锚а (#).
host Установить или вернуть имя хоста и порт URL.
hostname Установить или вернуть имя хоста URL.
href Установить или вернуть весь URL.
origin Вернуть протокол, имя хоста и порт URL.
pathname Установить или вернуть путь URL.
port Установить или вернуть порт URL.
protocol Установить или вернуть протокол URL.
search Установить или вернуть часть строки запроса URL.

Методы объекта Location

Метод Описание
assign() Загрузить новый документ.
reload() Перезагрузить текущий документ.
replace() Заменить текущий документ новым документом.

Описание объекта Location

Объект Location хранится в свойстве Location объекта Window и представляет Web-адрес текущего отображаемого документа в этом окне. Его href атрибутСодержит полный URL документа, другие свойства описывают различные части URL. Эти свойства очень похожи на атрибуты URL объекта Anchor (или Area). Когда объект Location преобразуется в строку, возвращается значение свойства href. Это означает, что вы можете использовать expression location вместо location.href.

Однако объект Anchor представляет собой ссылку в документе, а объект Location представляет URL (или положение) текущего отображаемого документа в браузере. Однако возможности объекта Location远远不止于此, он также может контролировать положение отображаемого документа. Если присвоить строку URL объекту Location или его свойству href, браузер загрузит и отобразит документ, указанный новым URL.

Кроме замены текущего URL полным URL с помощью location или location.href, можно изменить часть URL, просто присвоив другие свойства объекта Location. Это создаст новый URL, часть которого отличается от исходного URL, браузер загрузит и отобразит его. Например, если установлено значение для свойств объекта Location hash атрибутЕсли так, браузер перейдет к указанной позиции в текущем документе. Также, если установлено search атрибутЕсли так, браузер перезагрузит URL с новым строкой запроса.

Кроме свойства URL, Объект Location включает в себя Метод reload()Можете перезагрузить текущий документreplace() Можете загрузить новый документ без создания новой истории,也就是说, новый документ заменит текущий документ в списке истории браузера.