A JavaScriptben az elemzést nagy mennyiségű strukturálatlan adat olvasható és könnyebb formátumba konvertálására használják. Az adatokat karakterláncok, objektumok és egy adott webhely URL-címei formájában elemezheti. Egy adott URL értelmezéséhez JavaScriptben használja a ' URL() ” kivitelező. Létrehoz egy új URL objektumot gazdagéppel, elérési útnévvel, keresési hash-sel és a hash tulajdonságaival.
Ez a bejegyzés bemutatja az URL-ek gazdagépnévvé és elérési útjába történő elemzésének módszerét JavaScriptben.
URL-cím (webcím) elemzése gazdagépnévbe és elérési útba JavaScriptben
Ha az URL-t JavaScriptben a gazdagépnévbe és elérési útba szeretné elemezni, használja az aktuális oldal URL-jét a ' window.location.href ' ingatlan. Ezenkívül egy adott URL-t a ' URL() ” módszerrel.
A gyakorlati vonatkozásokért tekintse meg az említett példákat:
1. példa: Elemezze az aktuális oldal URL-jét a gazdagépnév és az elérési út mezőbe
Elemezheti az aktuális oldal URL-jét a gazdagép nevébe és elérési útjába a JavaScriptben. Ehhez használja a következő kódot a HTML részben:
- Adj hozzá egy ' ” címkét, és rendeljen hozzá egy azonosítót a „ id ' tulajdonság.
- Készítsen egy gombot a „
' elemet, és hívja meg a ' kattintásra ” esemény egy adott esemény végrehajtásához, amikor a felhasználó rákattint a gombra. Továbbá hívjon meg egy függvényt ennek az eseménynek az értékeként:
< gomb onclick = 'func()' > Elemzés URL-re gomb >
< p id = 'id2' > p >
< p id = 'id3' > p >
A JavaScript részben érje el az első azonosítót a ' getElementById() ' módszer és beállítása ' window.location.href ” elemzi az aktuális oldal URL-jét:
dokumentum. getElementById ( 'id1' ) . innerHTML = ablak. elhelyezkedés . href ;Egy függvény definíciója: ' func() ', amely a második elemhez a ' id2 ”. Alkalmazza az in-line stílust a „ ” HTML címkét, és állítsa be a színt. Ezután használja a „ window.location.hostname ” tulajdonság, amely az aktuális oldal URL-jét adja vissza:
funkció func ( ) {
dokumentum. getElementById ( 'id2' ) . innerHTML = ` < h2 stílusban = 'szín: kék;' > Gazdanév : h2 > ` + ablak. elhelyezkedés . gazdagépnév ;
dokumentum. getElementById ( 'id3' ) . innerHTML = ` < h2 stílusban = 'szín: kék;' > Pálya : h2 > ` + ablak. elhelyezkedés . elérési útnév ;
}
Kimenet
Megfigyelhető, hogy a gombra kattintás után megjelenik a képernyőn az aktuális oldal gazdagépneve és elérési útja:
2. példa: Elemezze az URL-t gazdagépnévbe és elérési útba az URL() metódus használatával
Az URL-t gazdagépnévre és elérési útra is elemezheti a URL() ” módszerrel. Ehhez használja a fenti HTML kódot, majd adja hozzá az alábbi JavaScript kódot. Ebből a célból inicializáljon egy objektumot, és használja a „ URL() ” konstruktort, és adja át az adott oldal URL-jét argumentumként a metódusnak:
volt my_url = új URL ( 'https://linuxhint.com/' ) ;Hozzáférés a HTML elemhez az azonosítójával a ' segítségével getElementById() ” módszer:
dokumentum. getElementById ( 'id1' ) . innerHTML = my_url ;Hozzon létre egy függvényt egy névvel, és érje el a többi HTML-elemet:
funkció func ( ) {dokumentum. getElementById ( 'id2' ) . innerHTML = ` < h2 stílusban = 'szín: kék;' > Gazdanév : h2 > ` + my_url. gazdagépnév ;
dokumentum. getElementById ( 'id3' ) . innerHTML = ` < h2 stílusban = 'szín: kék;' > Pálya : h2 > ` + my_url. elérési útnév ;
}
Kimenet
Ez minden arról szól, hogy az URL-t/webcímet gazdagépnévvé és elérési útba elemezzük a JavaScriptben.
Következtetés
JavaScriptben, ' window.location.href ” használható az aktuális oldal URL-címének elemzésére. Ezenkívül egy adott URL-t a ' URL() ” módszerrel. Ez az oktatóanyag elmagyarázza az URL (webcím) gazdagépnévvé és elérési útba történő elemzésének részletes eljárását különböző módokon.