logo

Jak uzyskać nazwę domeny z adresu URL w JavaScript

Co to jest adres URL?

A Adres URL to inna nazwa dla adres internetowy . Na przykład adres URL oparty na słowach to Javatpoint.com. A Adres URL można również utworzyć przy użyciu adresu IP (np. 192.168.2.24 ). Większość konsumentów podaje adres podczas wyszukiwania w Internecie, ponieważ nazwy są łatwiejsze do zapamiętania niż liczby.

Używają przeglądarek internetowych Adresy URL aby zapytać serwery internetowe o określone strony. Poniżej znajduje się lista A Składnia adresu URL I format .

Składnia

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

Parametry

Schemat-

Określony jest rodzaj usługi internetowej (ogólnie używany jest protokół http lub https).

klasa skanera Java

Prefiks-

Ustala prefiks domeny (www jest domyślnym adresem http).

Domena-

Omawia nazwę domeny w Internecie (np. javatpoint.com ).

Port -

Identyfikuje port hosta ( 80 jest wartością domyślną dla http).

Ścieżka -

Tworzy ścieżkę po stronie serwera.

Nazwa pliku -

Identyfikuje nazwę zasobu lub dokumentu.

struktury danych java

Pobieranie nazwy domeny z Adres URL W JavaScript może być przydatnym zadaniem z różnych powodów, takich jak wyodrębnienie nazwy domeny do celów analityki internetowej lub ze względów bezpieczeństwa. W tej odpowiedzi przyjrzymy się różnym sposobom wyodrębnienia nazwy domeny z adresu URL w JavaScript, wraz z ich zaletami i wadami.

1. Korzystanie z obiektu window.location

Najprostszym sposobem uzyskania nazwy domeny z adresu URL w JavaScript jest użycie metody obiekt window.location , który dostarcza informacji o bieżącym adresie URL. The okno.lokalizacja.host Właściwość podaje nam nazwę domeny, łącznie z numerem portu, jeśli jest obecny. Oto przykład:

 Const domain = window.location.host; 

Podejście to ma tę zaletę, że jest proste i niezawodne. Działa to jednak tylko w przypadku bieżącego adresu URL, więc jeśli chcesz wyodrębnić nazwę domeny z innego adresu URL, musisz zastosować inną metodę.

2. Korzystanie z konstruktora URL

Innym sposobem wyodrębnienia nazwy domeny z adresu URL w JavaScript jest użycie konstruktora adresu URL. Jest to wbudowany obiekt JavaScript, który może analizować ciąg adresu URL i zapewniać dostęp do różnych jego komponentów. Oto przykład:

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

Konstruktor URL ma tę zaletę, że może wyodrębnić nazwę domeny z dowolnego prawidłowego adresu URL, a nie tylko z bieżącego. Jest ona jednak dostępna tylko w nowoczesnych przeglądarkach, dlatego przed jej użyciem należy sprawdzić, czy jest obsługiwana.

3. Używanie wyrażeń regularnych

Bardziej zaawansowaną metodą wyodrębnienia nazwy domeny z adresu URL w JavaScript jest użycie wyrażeń regularnych. Wyrażenia regularne są potężnym narzędziem do dopasowywania wzorców i możemy ich użyć do wyodrębnienia nazwy domeny z adresu URL. Oto przykład:

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

Ten wzorzec wyrażenia regularnego dopasowuje nazwę domeny w adresie URL, ignorując protokół ( http lub https ), nazwę użytkownika i hasło oraz ścieżkę. Działa w ten sposób, że szuka pierwszego wystąpienia ciągu znaków niezawierającego dwukropka, ukośnika ani znaku nowej linii, poprzedzonego opcjonalnym protokołem, nazwą użytkownika i hasłem oraz opcjonalnym „www.” prefiks. Metoda match zwraca tablicę zawierającą całe dopasowanie i wszystkie przechwycone grupy, dlatego musimy wyodrębnić drugi element (w indeksie 1), aby uzyskać nazwę domeny.

Java równa się

Podejście to ma tę zaletę, że jest elastyczne i można je dostosować do różnych formatów adresów URL, ale jest też bardziej złożone i podatne na błędy, jeśli wzorzec wyrażenia regularnego nie jest wystarczająco precyzyjny.

4. Korzystanie z DOM-u

Na koniec możemy także wyodrębnić nazwę domeny z adresu URL w javascript, używając metody DOM . Możemy stworzyć ukryty element kotwicy, ustawić go atrybut href do adresu URL, z którego chcemy wyodrębnić nazwę domeny, a następnie przeczytaj właściwość nazwy hosta. Oto przykład:

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

Podejście to ma tę zaletę, że jest łatwe do zrozumienia i wdrożenia, ale stwarza również Element DOM , co może mieć pewien wpływ na wydajność, jeśli trzeba to robić wielokrotnie.

Wniosek

Istnieją różne sposoby wyodrębnienia nazwy domeny z adresu URL w JavaScript, a najlepsze podejście zależy od wymagań i ograniczeń. Jeśli potrzebujesz tylko wyodrębnić nazwę domeny z bieżącego adresu URL, używając metody obiekt window.location to najprostsza i najbardziej niezawodna metoda.