Объект Location

Объект Location

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

Объект Location является частью объекта Window и может быть доступен через атрибут window.location.

Пример

Перенести пользователя на новый адрес

Атрибуты объекта Location

Атрибуты Описание
hash Установить или вернуть часть URL (якорь) после знака номера (#).
host Установить или вернуть имя хоста и порт текущего URL.
hostname Установить или вернуть имя хоста текущего URL.
href Установить или вернуть полный URL.
pathname Установить или вернуть часть URL (путь).
port Установить или вернуть порт текущего URL.
protocol Установить или вернуть протокол текущего URL.
search Установить или вернуть часть URL (запрос) после знака вопроса (?).

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

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

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

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

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

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

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