I JavaScript brukes parsing for å konvertere en stor mengde ustrukturerte data til et lesbart og enklere format. Du kan analysere data i form av strenger, objekter og URL-er til et bestemt nettsted. For å analysere en bestemt URL i JavaScript, bruk ' URL() ' konstruktør. Det vil lage et nytt URL-objekt med vert, banenavn, søkehash og egenskaper for hashen.
Dette innlegget vil illustrere metoden for å analysere en URL til et vertsnavn og en bane i JavaScript.
Parsing av en URL (nettadresse) til vertsnavn og bane i JavaScript
For å analysere URL-en inn i vertsnavnet og banen i JavaScript, bruk gjeldende side-URL ved hjelp av ' window.location.href ' eiendom. Videre kan en spesifikk URL også analyseres ved å bruke ' URL() 'metoden.
For praktiske implikasjoner, sjekk ut de angitte eksemplene:
Eksempel 1: Parse URL-en til gjeldende side til vertsnavn og bane
Du kan analysere gjeldende side-URL i vertsnavnet og banen i JavaScript. For det, bruk følgende kode i HTML-delen:
- Legg til en ' ' tag og tilordne en id ved å bruke ' id ' Egenskap.
- Lag en knapp ved å bruke '
'-elementet og påkalle ' ved trykk ”-hendelse for å utføre en spesifikk hendelse når brukeren klikker på knappen. Videre påkaller du en funksjon som verdien av denne hendelsen:
< knappen ved å klikke = 'func()' > Parse til URL knapp >
< p id = 'id2' > s >
< p id = 'id3' > s >
I JavaScript-delen får du tilgang til den første ID-en ved hjelp av ' getElementById() ' metode og sett ' window.location.href ' for å analysere URL-en til gjeldende side:
dokument. getElementById ( 'id1' ) . indreHTML = vindu. plassering . href ;En funksjon er definert som ' func() ' som får tilgang til det andre elementet ved å bruke ' id2 '. Påfør in-line styling ved hjelp av ' HTML-tag og angi fargen. Bruk deretter ' window.location.hostname ' egenskap som vil returnere nettadressen til gjeldende side:
funksjon func ( ) {
dokument. getElementById ( 'id2' ) . indreHTML = ` < h2 stil = 'farge:blå;' > Vertsnavn : h2 > ` + vindu. plassering . vertsnavn ;
dokument. getElementById ( 'id3' ) . indreHTML = ` < h2 stil = 'farge:blå;' > Sti : h2 > ` + vindu. plassering . banenavn ;
}
Produksjon
Det kan observeres at vertsnavnet og banen til gjeldende side vises på skjermen etter å ha klikket på knappen:
Eksempel 2: Parse URL til vertsnavn og bane ved å bruke URL()-metoden
Du kan også analysere URL-en til vertsnavn og bane ved å bruke ' URL() 'metoden. For å gjøre det, bruk HTML-koden ovenfor og legg deretter til JavaScript-koden nedenfor. For det formål initialiser et objekt og bruk ' URL() ”-konstruktør, og send URL-en til den bestemte siden som et argument til metoden:
var min_url = ny URL ( 'https://linuxhint.com/' ) ;Få tilgang til HTML-elementet ved å bruke ID-en ved hjelp av ' getElementById() ' metode:
dokument. getElementById ( 'id1' ) . indreHTML = min_url ;Lag en funksjon med et navn og få tilgang til de andre HTML-elementene:
funksjon func ( ) {dokument. getElementById ( 'id2' ) . indreHTML = ` < h2 stil = 'farge:blå;' > Vertsnavn : h2 > ` + min_url. vertsnavn ;
dokument. getElementById ( 'id3' ) . indreHTML = ` < h2 stil = 'farge:blå;' > Sti : h2 > ` + min_url. banenavn ;
}
Produksjon
Det handler om å analysere URL-en/nettadressen til vertsnavn og bane i JavaScript.
Konklusjon
I JavaScript, ' window.location.href ' kan brukes til å analysere gjeldende side-URL. Videre kan en spesifikk URL også analyseres ved å bruke ' URL() 'metoden. Denne opplæringen har forklart den detaljerte prosedyren for å analysere en URL (nettadresse) til et vertsnavn og en bane på forskjellige måter.