JavaScriptis kasutatakse parsimist suure hulga struktureerimata andmete teisendamiseks loetavasse ja lihtsamini vormingusse. Saate sõeluda andmeid konkreetse veebisaidi stringide, objektide ja URL-ide kujul. Konkreetse URL-i sõelumiseks JavaScriptis kasutage ' URL() ” konstruktor. See loob uue URL-i objekti koos hosti, teenime, otsinguräsi ja räsi omadustega.
See postitus illustreerib meetodit URL-i sõelumiseks JavaScripti hostinimeks ja teeks.
URL-i (veebiaadressi) sõelumine JavaScripti hostinimeks ja teeks
URL-i sõelumiseks JavaScriptis hostinimeks ja teeks kasutage praeguse lehe URL-i abiga ' window.location.href ” vara. Lisaks saab konkreetse URL-i sõeluda ka ' URL() ” meetod.
Praktiliste mõjude saamiseks vaadake esitatud näiteid:
Näide 1: Parendage praeguse lehe URL loendisse Hostname and Path
Praeguse lehe URL-i saate sõeluda JavaScriptis hostinimeks ja teeks. Selleks kasutage HTML-osas järgmist koodi:
- Lisa ' ' sildi ja määrake ID, kasutades ' id ” atribuut.
- Tehke nupp kasutades '
' elementi ja kutsuge esile ' onclick ” sündmus, et sooritada konkreetne sündmus, kui kasutaja nuppu klõpsab. Lisaks kutsuge selle sündmuse väärtuseks funktsioon:
< nupp onclick = 'func()' > Parsi URL-iks nuppu >
< p id = 'id2' > lk >
< p id = 'id3' > lk >
JavaScripti osas pääsete esimesele ID-le juurde, kasutades ' getElementById() ' meetod ja määrake ' window.location.href ', et sõeluda praeguse lehe URL:
dokument. getElementById ( 'id1' ) . sisemine HTML = aken. asukoht . href ;Funktsioon on määratletud kui ' func() ', mis pääseb teisele elemendile juurde, kasutades ' id2 ”. Rakendage reast stiili kasutades ' ” HTML-märgend ja määrake värv. Seejärel kasutage ' window.location.hostinimi ” atribuut, mis tagastab praeguse lehe URL-i:
funktsiooni func ( ) {
dokument. getElementById ( 'id2' ) . sisemine HTML = ` < h2 stiilis = 'värv: sinine;' > Hostinimi : h2 > ` + aken. asukoht . hostinimi ;
dokument. getElementById ( 'id3' ) . sisemine HTML = ` < h2 stiilis = 'värv: sinine;' > Tee : h2 > ` + aken. asukoht . teenimi ;
}
Väljund
Võib täheldada, et pärast nupule klõpsamist kuvatakse ekraanil aktiivse lehe hostinimi ja tee:
Näide 2: Sõelu URL hostinimeks ja teeks, kasutades URL() meetodit
Samuti saate URL-i sõeluda hostinimeks ja teeks, kasutades ' URL() ” meetod. Selleks kasutage ülaltoodud HTML-koodi ja seejärel lisage alltoodud JavaScripti kood. Selleks lähtestage objekt ja kasutage ' URL() ” konstruktor ja edasta konkreetse lehe URL argumendina meetodile:
oli minu_url = uus URL ( 'https://linuxhint.com/' ) ;Juurdepääs HTML-elemendile, kasutades selle ID-d, kasutades ' getElementById() ” meetod:
dokument. getElementById ( 'id1' ) . sisemine HTML = minu_url ;Looge funktsioon nimega ja pääsete juurde teistele HTML-i elementidele:
funktsiooni func ( ) {dokument. getElementById ( 'id2' ) . sisemine HTML = ` < h2 stiilis = 'värv: sinine;' > Hostinimi : h2 > ` + minu_url. hostinimi ;
dokument. getElementById ( 'id3' ) . sisemine HTML = ` < h2 stiilis = 'värv: sinine;' > Tee : h2 > ` + minu_url. teenimi ;
}
Väljund
See kõik puudutab URL-i/veebiaadressi sõelumist JavaScriptis hostinimeks ja teeks.
Järeldus
JavaScriptis ' window.location.href ” saab kasutada praeguse lehe URL-i sõelumiseks. Lisaks saab konkreetse URL-i sõeluda ka ' URL() ” meetod. See õpetus on selgitanud üksikasjalikku protseduuri URL-i (veebiaadressi) sõelumiseks hostinimeks ja teeks erinevatel viisidel.