In JavaScript wordt parsing gebruikt voor het converteren van een grote hoeveelheid ongestructureerde gegevens naar een leesbaar en eenvoudiger formaat. U kunt gegevens ontleden in de vorm van tekenreeksen, objecten en URL's van een bepaalde website. Om een bepaalde URL in JavaScript te ontleden, gebruikt u de ' URL() ” constructeur. Het maakt een nieuw URL-object met host, padnaam, zoekhash en eigenschappen van de hash.
Dit bericht illustreert de methode voor het ontleden van een URL in een hostnaam en pad in JavaScript.
Een URL (webadres) ontleden in hostnaam en pad in JavaScript
Om de URL in de hostnaam en het pad in JavaScript te ontleden, gebruikt u de huidige pagina-URL met behulp van ' venster.locatie.href ' eigendom. Bovendien kan een specifieke URL ook worden ontleed met behulp van de ' URL() ” methode.
Bekijk voor praktische implicaties de genoemde voorbeelden:
Voorbeeld 1: parseer de URL van de huidige pagina in hostnaam en pad
U kunt de huidige pagina-URL ontleden in de hostnaam en het pad in JavaScript. Gebruik daarvoor de volgende code in het HTML-gedeelte:
- Voeg een ... toe ' ' tag en wijs een id toe met behulp van de ' ID kaart ” attribuut.
- Maak een knop met de '
” element en roep de “ bij klikken ”-gebeurtenis om een specifieke gebeurtenis uit te voeren wanneer de gebruiker op de knop klikt. Roep bovendien een functie aan als de waarde van deze gebeurtenis:
< knop opklik = 'functie()' > Ontleden naar URL knop >
< p id = 'id2' > P >
< p id = 'id3' > P >
Ga in het JavaScript-gedeelte naar de eerste id met behulp van ' getElementById() ' methode en set ' venster.locatie.href ” om de URL van de huidige pagina te ontleden:
document. getElementById ( 'id1' ) . binnenHTML = raam. plaats . href ;Een functie wordt gedefinieerd als ' functie() ” dat toegang heeft tot het tweede element met behulp van de “ id2 ”. Pas in-line styling toe met behulp van de “ ” HTML-tag en stel de kleur in. Gebruik dan “ venster.locatie.hostnaam ” eigenschap die de URL van de huidige pagina retourneert:
functie func ( ) {
document. getElementById ( 'id2' ) . binnenHTML = ` < h2-stijl = 'kleur blauw;' > Hostnaam : h2 > ` + raam. plaats . hostnaam ;
document. getElementById ( 'id3' ) . binnenHTML = ` < h2-stijl = 'kleur blauw;' > Pad : h2 > ` + raam. plaats . padnaam ;
}
Uitgang
Het kan worden waargenomen dat de hostnaam en het pad van de huidige pagina op het scherm worden weergegeven nadat op de knop is geklikt:
Voorbeeld 2: URL ontleden in hostnaam en pad met behulp van de URL()-methode
U kunt de URL ook ontleden in hostnaam en pad met behulp van de ' URL() ” methode. Gebruik hiervoor de bovenstaande HTML-code en voeg vervolgens de onderstaande JavaScript-code toe. Initialiseer voor dat doel een object en gebruik de ' URL() ” constructor, en geef de URL van de specifieke pagina door als een argument aan de methode:
was mijn_url = nieuw URL ( 'https://linuxhint.com/' ) ;Toegang tot het HTML-element door zijn id te gebruiken met behulp van ' getElementById() ” methode:
document. getElementById ( 'id1' ) . binnenHTML = mijn_url ;Maak een functie met een naam en krijg toegang tot de andere HTML-elementen:
functie func ( ) {document. getElementById ( 'id2' ) . binnenHTML = ` < h2-stijl = 'kleur blauw;' > Hostnaam : h2 > ` + mijn_url. hostnaam ;
document. getElementById ( 'id3' ) . binnenHTML = ` < h2-stijl = 'kleur blauw;' > Pad : h2 > ` + mijn_url. padnaam ;
}
Uitgang
Dat is alles over het ontleden van de URL / het webadres in hostnaam en pad in JavaScript.
Conclusie
In javascript, ' venster.locatie.href ” kan worden gebruikt voor het ontleden van de huidige pagina-URL. Bovendien kan een specifieke URL ook worden ontleed met behulp van de ' URL() ” methode. Deze tutorial heeft de gedetailleerde procedure uitgelegd van het op verschillende manieren ontleden van een URL (webadres) in een hostnaam en pad.