Как узнать, какой адрес сейчас открыт на вкладке браузера при помощи 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 текущей страницы:
Способ № 2 — Через объект location и его атрибут href
Объект location можно вызывать самостоятельно в консоли браузера (то есть обращаться напрямую). Для этого нужно обратиться к его атрибуту href, который вернёт полный адрес ресурса:
location.href 'https://getbootstrap.com/docs/5.2/getting-started/introduction/'
Скриншот:
Объект location доступен через объекты window и document.
window.location document.location
Скриншот:
Получение URL текущей страницы через вложенные href:
window.location.href document.location.href
Скриншот:
Информационные ссылки
Стандарт 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
