JavaScript | Как получить URL текущей страницы? — efim360.ru

JavaScript | Как получить URL текущей страницы?

Как узнать, какой адрес сейчас открыт на вкладке браузера при помощи JavaSсript? Как определить какому URL-адресу принадлежит открытая HTML-страница? Как в консоли увидеть результат URL-адреса, который просматривает пользователь?

Ответы на эти вопросы можно найти ниже.

 

Способ № 1 - Через объект document и его атрибуты URL и documentURI

В стандарте объектной модели документа DOM есть интерфейс Document, который имеет свои атрибуты. В нашем случае для определения URL-адреса текущей открытой страницы браузера поможет атрибут URL и атрибут documentURI.

Для примера обратимся к странице по адресу:

'https://getbootstrap.com/docs/5.2/getting-started/introduction/'

 

Обратимся к объекту document и его атрибутам:

document.URL
document.documentURI

Обе команды возвращают нам URL текущей страницы:

Получили URL текущей страницы через объект document в браузере - JavaScript 2022
Получили URL текущей страницы через объект document в браузере - JavaScript 2022

 

Способ № 2 - Через объект location и его атрибут href

Объект location можно вызывать самостоятельно в консоли браузера (то есть обращаться напрямую). Для этого нужно обратиться к его атрибуту href, который вернёт полный адрес ресурса:

location.href
'https://getbootstrap.com/docs/5.2/getting-started/introduction/'

Скриншот:

location.href в консоли браузера сайта bootstrap - JavaScript 2022
location.href в консоли браузера сайта bootstrap - JavaScript 2022

 

Объект location доступен через объекты window и document.

window.location
document.location

Скриншот:

Объект location доступен через window и document - JavaScript 2022
Объект location доступен через window и document - JavaScript 2022

 

Получение URL текущей страницы через вложенные href:

window.location.href
document.location.href

Скриншот:

window.location.href и document.location.href - JavaScript 2022
window.location.href и document.location.href - JavaScript 2022

 

Информационные ссылки

Стандарт DOM - https://dom.spec.whatwg.org

Стандарт HTML - https://html.spec.whatwg.org

Стандарт HTML - Раздел "7.10.5 The Location interface" - https://html.spec.whatwg.org/#the-location-interface