W języku JavaScript parsowanie służy do konwersji dużej ilości nieustrukturyzowanych danych na czytelny i łatwiejszy format. Możesz analizować dane w postaci ciągów znaków, obiektów i adresów URL konkretnej witryny. Aby przeanalizować określony adres URL w JavaScript, użyj „ URL() ” konstruktor. Utworzy nowy obiekt adresu URL z hostem, nazwą ścieżki, skrótem wyszukiwania i właściwościami skrótu.
Ten post zilustruje metodę parsowania adresu URL na nazwę hosta i ścieżkę w JavaScript.
Przetwarzanie adresu URL (adresu internetowego) na nazwę hosta i ścieżkę w JavaScript
Aby przetworzyć adres URL na nazwę hosta i ścieżkę w JavaScript, użyj bieżącego adresu URL strony za pomocą „ okno.lokalizacja.href ' nieruchomość. Ponadto określony adres URL można również przeanalizować za pomocą „ URL() ' metoda.
Aby zapoznać się z praktycznymi implikacjami, sprawdź podane przykłady:
Przykład 1: Przeanalizuj adres URL bieżącej strony na nazwę hosta i ścieżkę
Adres URL bieżącej strony można przetworzyć na nazwę hosta i ścieżkę w JavaScript. W tym celu użyj następującego kodu w części HTML:
- Dodać ' ” oznaczyć i przypisać identyfikator za pomocą „ ID ' atrybut.
- Utwórz przycisk za pomocą „
” i wywołaj element „ na kliknięcie ”, aby wykonać określone zdarzenie, gdy użytkownik kliknie przycisk. Ponadto wywołaj funkcję jako wartość tego zdarzenia:
< przycisk po kliknięciu = 'funkcja()' > Przeanalizuj do adresu URL przycisk >
< identyfikator p = 'identyfikator2' > P >
< identyfikator p = 'id3' > P >
W części JavaScript uzyskaj dostęp do pierwszego identyfikatora za pomocą „ getElementById() „metoda i zestaw” okno.lokalizacja.href ”, aby przeanalizować adres URL bieżącej strony:
dokument. getElementById ( 'identyfikator1' ) . wewnętrzny HTML = okno. Lokalizacja . href ;Funkcja jest zdefiniowana jako „ funkcja() ”, który uzyskuje dostęp do drugiego elementu za pomocą „ identyfikator2 ”. Zastosuj stylizację w linii za pomocą „ ” Znacznik HTML i ustaw kolor. Następnie użyj „ nazwa.lokalizacji.okna.hosta ”, która zwróci adres URL bieżącej strony:
funkcjonować funkcja ( ) {
dokument. getElementById ( 'identyfikator2' ) . wewnętrzny HTML = ` < styl h2 = 'kolor niebieski;' > Nazwa hosta : h2 > ` + okno. Lokalizacja . nazwa hosta ;
dokument. getElementById ( 'id3' ) . wewnętrzny HTML = ` < styl h2 = 'kolor niebieski;' > Ścieżka : h2 > ` + okno. Lokalizacja . nazwa ścieżki ;
}
Wyjście
Można zauważyć, że nazwa hosta i ścieżka bieżącej strony są wyświetlane na ekranie po kliknięciu przycisku:
Przykład 2: Przeanalizuj adres URL na nazwę hosta i ścieżkę za pomocą metody URL().
Możesz także przeanalizować adres URL na nazwę hosta i ścieżkę, używając „ URL() ' metoda. Aby to zrobić, użyj powyższego kodu HTML, a następnie dodaj poniższy kod JavaScript. W tym celu zainicjuj obiekt i użyj „ URL() ” i przekaż adres URL konkretnej strony jako argument do metody:
był mój_url = nowy Adres URL ( 'https://linuxhint.com/' ) ;Uzyskaj dostęp do elementu HTML, używając jego identyfikatora za pomocą „ getElementById() ' metoda:
dokument. getElementById ( 'identyfikator1' ) . wewnętrzny HTML = mój_url ;Utwórz funkcję z nazwą i uzyskaj dostęp do innych elementów HTML:
funkcjonować funkcja ( ) {dokument. getElementById ( 'identyfikator2' ) . wewnętrzny HTML = ` < styl h2 = 'kolor niebieski;' > Nazwa hosta : h2 > ` + mój_url. nazwa hosta ;
dokument. getElementById ( 'id3' ) . wewnętrzny HTML = ` < styl h2 = 'kolor niebieski;' > Ścieżka : h2 > ` + mój_url. nazwa ścieżki ;
}
Wyjście
Wszystko sprowadza się do przetworzenia adresu URL/adresu internetowego na nazwę hosta i ścieżkę w JavaScript.
Wniosek
W JavaScript „ okno.lokalizacja.href ” może służyć do analizowania adresu URL bieżącej strony. Ponadto określony adres URL można również przeanalizować za pomocą „ URL() ' metoda. W tym samouczku wyjaśniono szczegółową procedurę analizowania adresu URL (adresu internetowego) na nazwę hosta i ścieżkę przy użyciu różnych sposobów.