При работе с JavaScript в веб-разработке могут возникнуть различные ситуации, когда вам может потребоваться получить текущий домен веб-сайта. Если вы хотите динамически генерировать URL-адреса или выполнять операции, специфичные для домена, важно знать, как извлечь текущий домен. В этой статье мы рассмотрим несколько методов решения этой задачи, а также приведем примеры кода.

Метод 1: использование window.location
Один простой подход — использовать объект window.location, который предоставляет информацию о текущем URL-адресе. Чтобы получить текущий домен, вы можете получить доступ к свойству hostname.

const currentDomain = window.location.hostname;
console.log(currentDomain);

Метод 2. Разделение URL-адреса.
Другой метод предполагает разделение строки URL-адреса с помощью функции split(). Разделив URL-адрес двойной косой чертой (“//”) и учитывая второй элемент, вы можете извлечь текущий домен.

const currentDomain = window.location.href.split("//")[1];
console.log(currentDomain);

Метод 3: сопоставление с регулярным выражением
Вы также можете использовать регулярные выражения для извлечения текущего домена из URL-адреса. Сопоставляя шаблон домена с использованием шаблона регулярного выражения, вы можете получить желаемый результат.

const currentDomain = window.location.href.match(/^https?:\/\/([^/?#]+)(?:[/?#]|$)/i)[1];
console.log(currentDomain);

Метод 4: Объект документа
Объект documentпредоставляет информацию о текущей веб-странице. Вы можете получить текущий домен, используя свойство domain.

const currentDomain = document.domain;
console.log(currentDomain);

Метод 5: объект URL
Если вы работаете с современными браузерами, поддерживающими объект URL, вы можете использовать его для извлечения текущего домена.

const currentDomain = new URL(window.location.href).hostname;
console.log(currentDomain);

Получение текущего домена с помощью JavaScript — распространенное требование в веб-разработке. В этой статье мы рассмотрели несколько методов достижения этой цели, в том числе использование window.location, разделение строки URL-адреса, использование регулярных выражений, доступ к объекту documentи использование объекта URL-адреса. В зависимости от вашего конкретного варианта использования и совместимости браузера вы можете выбрать наиболее подходящий метод для извлечения текущего домена и включения его в свои проекты JavaScript.