Как получить текущий URL-адрес в JavaScript
Добавить в избранное
JavaScript предоставляет несколько способов получить текущий URL-адрес веб-страницы. В этой статье мы обсудим наиболее распространенные методы для достижения этой цели.
Способ 1: Использование window.location объекта
Объект window.location является свойством объекта window и содержит информацию о текущем URL. Свойство href этого объекта возвращает полный URL-адрес текущей страницы, включая протокол (http или https), домен и путь. Вот пример:
alert(window.location.href);
Способ 2: Использование document.URL свойства
Свойство document.URL — это еще один способ получить текущий URL-адрес веб-страницы. Он возвращает полный URL-адрес, включая протокол, домен и путь. Вот пример:
alert(document.URL);
Способ 3: Использование document.location.href свойства
Этот метод также предоставляет полный URL-адрес, включая протокол, домен и путь. Объект document.location является свойством объекта document и содержит информацию о текущем URL. Свойство href этого объекта возвращает полный URL-адрес.
alert(document.location.href);
Все вышеперечисленные методы дадут вам текущий URL-адрес веб-страницы. Вы можете выбрать любой из этих методов в зависимости от ваших требований и использовать его в своем коде JavaScript.
Примечание. Стоит отметить, что вы также можете получить доступ к другим частям URL-адреса, например,
console.log(window.location.hostname) // вернет имя хоста (www.example.com)
console.log(window.location.pathname) // вернет путь '/ about'
console.log(window.location.protocol) // вернет протокол 'http:'
и многие другие свойства.