Що таке URL?

А URL це інша назва a веб-адреса . Наприклад, URL-адреса на основі слів – Javatpoint.com. А URL також можна створити за допомогою IP-адреси (наприклад, 192.168.2.24 ). Більшість споживачів вказують адресу імені під час пошуку в Інтернеті, оскільки імена легше запам’ятати, ніж цифри.

Використання веб-браузерів URL-адреси запитувати веб-сервери про певні сторінки. Нижче наведено список a Синтаксис URL-адреси і формат .

Синтаксис

 Scheme://prefix.domain:port/path/filename 

Параметри

схема-

Вказується тип Інтернет-сервісу (загалом використовується http або https).

таблиця в реагувати

Префікс-

Він встановлює префікс домену (www є типовим для http).

Домен-

як отримати доступ до фотографій icloud

У ньому обговорюється доменне ім’я в Інтернеті (наприклад, javatpoint.com ).

порт -

Він визначає порт на хості ( 80 є типовим для http).

Шлях -

Він створює шлях на стороні сервера.

dateformat.format java

Ім'я файлу -

Він визначає назву ресурсу або документа.

Отримання доменного імені від a URL в javascript може бути корисним завданням з різних причин, наприклад, вилучення доменного імені для веб-аналітики чи безпеки. У цій відповіді ми вивчимо різні способи вилучення імені домену з URL-адреси в JavaScript, а також їхні переваги та недоліки.

1. Використання об’єкта window.location

Найпростіший спосіб отримати доменне ім’я з URL-адреси в javascript – це використовувати об'єкт window.location , який надає інформацію про поточну URL-адресу. The window.location.host властивість дає нам доменне ім’я, включаючи номер порту, якщо він присутній. Ось приклад:

 Const domain = window.location.host; 

Цей підхід має перевагу простоти та надійності. Однак це працює лише для поточної URL-адреси, тому, якщо вам потрібно витягнути доменне ім’я з іншої URL-адреси, вам потрібно буде використати інший метод.

набір інструментів Spring

2. Використання конструктора URL

Ще один спосіб отримати доменне ім’я з URL-адреси в javascript – це використовувати конструктор URL-адрес. Це вбудований об’єкт JavaScript, який може аналізувати рядок URL-адреси та надавати доступ до його різних компонентів. Ось приклад:

 Consturl = new URL('https://www.example.com/path/to/file.html'); Const domain = url.hostname; 

Перевага конструктора URL-адрес полягає в тому, що він може витягувати ім’я домену з будь-якої дійсної URL-адреси, а не лише з поточної. Однак він доступний лише в сучасних браузерах, тому перед використанням потрібно перевірити, чи він підтримується.

3. Використання регулярних виразів

Досконаліший підхід до отримання доменного імені з URL-адреси в JavaScript полягає у використанні регулярних виразів. Регулярні вирази є потужним інструментом для зіставлення шаблонів, і ми можемо використовувати їх, щоб отримати доменне ім’я з URL-адреси. Ось приклад:

 Consturl = 'https://www.example.com/path/to/file.html'; Constdomain = url.match(/^(?:https?://)?(?:[^@
]+@)?(?:www.)?([^:/
]+)/im)[1]; 

Цей шаблон регулярного виразу відповідає імені домену в URL-адресі, ігноруючи протокол ( http або https ), ім’я користувача та пароль, а також шлях. Він працює, шукаючи перше входження послідовності символів, яка не включає двокрапку, скісну риску або новий рядок, перед якими вказується необов’язковий протокол, ім’я користувача та пароль, а також необов’язковий 'www.' префікс. Метод match повертає масив, що містить увесь збіг і будь-які захоплені групи, тому нам потрібно витягти другий елемент (з індексом 1), щоб отримати доменне ім’я.

Цей підхід має перевагу в тому, що він гнучкий і адаптований до різних форматів URL-адрес, але він також більш складний і схильний до помилок, якщо шаблон регулярного виразу недостатньо точний.

рядок масиву в c

4. Використання DOM

Нарешті, ми також можемо витягти ім’я домену з URL-адреси в JavaScript за допомогою DOM . Ми можемо створити прихований прив’язний елемент, встановити його атрибут href до URL-адреси, з якої ми хочемо отримати ім’я домену, а потім прочитати властивість імені хоста. Ось приклад:

 Consturl = 'https://www.example.com/path/to/file.html'; Const a = document.createelement('a'); A.href = url; Const domain = a.hostname; 

Цей підхід має перевагу в тому, що його легко зрозуміти та реалізувати, але він також створює a Елемент DOM , що може мати певні наслідки для продуктивності, якщо вам доведеться робити це неодноразово.

Висновок

Існують різні способи вилучення доменного імені з URL-адреси в JavaScript, і найкращий підхід залежить від ваших вимог і обмежень. Якщо вам потрібно лише витягти доменне ім’я з поточної URL-адреси, використовуючи об'єкт window.location є найпростішим і надійним способом.