Jak uzyskać bieżący adres URL w przeglądarce internetowej za pomocą JavaScript

Podczas budowania aplikacji internetowych często konieczne jest dostęp do obecnego adresu URL w przeglądarce internetowej. JavaScript zapewnia prosty i łatwy sposób na uzyskanie obecnego adresu URL w przeglądarce, który może być przydatny do szerokiego zakresu celów, od śledzenia zachowań użytkowników po wdrożenie dynamicznych menu nawigacji.

W tym artykule zbadamy, jak uzyskać obecny adres URL w przeglądarce internetowej za pomocą JavaScript. Omówimy dwie metody: za pomocą okna.właściwość lokalizacji i korzystanie z dokumentu.Własność URL.

Metoda 1: Korzystanie z okno.Lokalizacja Nieruchomość

"okno.Lokalizacja" Własność zawiera informacje o bieżącym adresie URL w przeglądarce. Ta właściwość zawiera różne informacje o adresie URL, takie jak protokół, nazwa hosta, numer portu, ścieżka i ciąg zapytania.

Aby uzyskać obecny adres URL za pomocą "okno.Lokalizacja" właściwość, po prostu uzyskaj dostęp do właściwości i odzyskaj „Href” atrybut. Oto przykładowy fragment kodu:

W tym przykładzie najpierw deklarujemy zmienną o nazwie CurrentUrl. Następnie przypisujemy mu wartość "okno.Lokalizacja.href ” atrybut, który zawiera bieżący adres URL. Wreszcie używamy konsoli.Metoda dziennika do wydrukowania bieżącego adresu URL do konsoli.

Metoda 2: Korzystanie z dokument.URL Nieruchomość

"dokument.URL ” Właściwość zawiera bieżący adres URL dokumentu, w tym protokół, nazwa hosta, numer portu, ścieżka i ciąg zapytania. Ta właściwość jest podobna do okna.nieruchomość lokalizacji, ale zapewnia bardziej bezpośredni sposób dostępu do adresu URL.

Aby uzyskać bieżący adres URL za pomocą dokumentu.Właściwość URL, wystarczy uzyskać dostęp do właściwości i odzyskać jej wartość. Oto przykładowy fragment kodu:

W tym przykładzie najpierw deklarujemy zmienną o nazwie CurrentUrl. Następnie przypisujemy mu wartość dokumentu.Właściwość URL, która zawiera bieżący adres URL. Wreszcie używamy konsoli.Metoda dziennika do wydrukowania bieżącego adresu URL do konsoli.

Wniosek

Uzyskanie aktualnego adresu URL w przeglądarce internetowej za pomocą JavaScript to proste i przydatne zadanie dla programistów stron internetowych. Za pomocą okna.właściwość lokalizacji lub dokument.Własność URL, deweloperzy mogą łatwo uzyskać dostęp i manipulować obecnym adresem URL w szerokim zakresie celów. Niezależnie od tego, czy chodzi o śledzenie zachowań użytkowników, czy wdrażanie dynamicznych menu nawigacji, wiedza o tym, jak uzyskać obecny adres URL.