Объект 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. Это означает, что можно использовать выражение location вместо location.href.

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

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

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