Как получить текущий URL-адрес в JavaScript

JavaScript предоставляет несколько способов получить текущий URL-адрес веб-страницы. В этой статье мы обсудим наиболее распространенные методы для достижения этой цели.

Способ 1: Использование window.location объекта

Объект window.location является свойством объекта window и содержит информацию о текущем URL. Свойство href этого объекта возвращает полный URL-адрес текущей страницы, включая протокол (http или https), домен и путь. Вот пример:

Способ 2: Использование document.URL свойства

Свойство document.URL — это еще один способ получить текущий URL-адрес веб-страницы. Он возвращает полный URL-адрес, включая протокол, домен и путь. Вот пример:

Способ 3: Использование document.location.href свойства

Этот метод также предоставляет полный URL-адрес, включая протокол, домен и путь. Объект document.location является свойством объекта document и содержит информацию о текущем URL. Свойство href этого объекта возвращает полный URL-адрес.

Все вышеперечисленные методы дадут вам текущий URL-адрес веб-страницы. Вы можете выбрать любой из этих методов в зависимости от ваших требований и использовать его в своем коде JavaScript.
Примечание. Стоит отметить, что вы также можете получить доступ к другим частям URL-адреса, например,
console.log(window.location.hostname) // вернет имя хоста (www.example.com)
console.log(window.location.pathname) // вернет путь '/ about'
console.log(window.location.protocol) // вернет протокол 'http:'
и многие другие свойства.