Sa JavaScript, ang pag-parse ay ginagamit para sa pag-convert ng malaking halaga ng hindi nakabalangkas na data sa isang nababasa at mas madaling format. Maaari mong i-parse ang data sa anyo ng mga string, object, at URL ng isang partikular na website. Upang i-parse ang isang partikular na URL sa JavaScript, gamitin ang ' URL() ” constructor. Gagawa ito ng bagong object ng URL na may host, pathname, search hash, at mga katangian ng hash.
Ang post na ito ay maglalarawan ng paraan para sa pag-parse ng URL sa isang hostname at path sa JavaScript.
Pag-parse ng URL(Web Address) Sa Hostname at Path sa JavaScript
Upang i-parse ang URL sa hostname at path sa JavaScript, gamitin ang kasalukuyang URL ng page sa tulong ng “ window.location.href ” ari-arian. Higit pa rito, ang isang partikular na URL ay maaari ding i-parse gamit ang ' URL() ” paraan.
Para sa mga praktikal na implikasyon, tingnan ang mga nakasaad na halimbawa:
Halimbawa 1: I-parse ang URL ng Kasalukuyang Pahina sa Hostname at Path
Maaari mong i-parse ang kasalukuyang URL ng page sa hostname at path sa JavaScript. Para diyan, gamitin ang sumusunod na code sa HTML na bahagi:
- Magdagdag ng ' ” tag at magtalaga ng id sa pamamagitan ng paggamit ng “ id ” katangian.
- Gumawa ng isang pindutan gamit ang ' 'elemento at tawagin ang ' onclick ” kaganapan upang maisagawa ang isang partikular na kaganapan kapag nag-click ang user sa button. Higit pa rito, mag-invoke ng function bilang value ng event na ito:
< button sa pag-click = 'func()' > I-parse sa URL pindutan >
< p id = 'id2' > p >
< p id = 'id3' > p >
Sa bahagi ng JavaScript, i-access ang unang id sa tulong ng ' getElementById() 'paraan at itakda' window.location.href ” para i-parse ang URL ng kasalukuyang page:
dokumento. getElementById ( 'id1' ) . innerHTML = bintana. lokasyon . href ;Ang isang function ay tinukoy bilang ' func() ” na nag-a-access sa pangalawang elemento sa pamamagitan ng paggamit ng “ id2 ”. Ilapat ang in-line na istilo sa tulong ng ' ” HTML tag at itakda ang kulay. Pagkatapos, gamitin ang ' window.location.hostname ” property na magbabalik ng URL ng kasalukuyang page:
function func ( ) {
dokumento. getElementById ( 'id2' ) . innerHTML = ` < estilo ng h2 = 'kulay:asul;' > Hostname : h2 > ` + bintana. lokasyon . hostname ;
dokumento. getElementById ( 'id3' ) . innerHTML = ` < estilo ng h2 = 'kulay:asul;' > Daan : h2 > ` + bintana. lokasyon . pangalan ng landas ;
}
Output
Mapapansin na ang Hostname at path ng kasalukuyang page ay ipinapakita sa screen pagkatapos mag-click sa button:
Halimbawa 2: I-parse ang URL sa Hostname at Path Gamit ang Paraan ng URL().
Maaari mo ring i-parse ang URL sa hostname at path gamit ang “ URL() ” paraan. Upang gawin ito, gamitin ang HTML code sa itaas at pagkatapos, idagdag ang nakasaad sa ibaba ng JavaScript code. Para sa layuning iyon, simulan ang isang bagay at gamitin ang ' URL() ” constructor, at ipasa ang URL ng partikular na page bilang argumento sa pamamaraan:
ay my_url = bago URL ( 'https://linuxhint.com/' ) ;I-access ang HTML element sa pamamagitan ng paggamit ng id nito sa tulong ng “ getElementById() 'paraan:
dokumento. getElementById ( 'id1' ) . innerHTML = my_url ;Gumawa ng isang function na may pangalan at i-access ang iba pang mga elemento ng HTML:
function func ( ) {dokumento. getElementById ( 'id2' ) . innerHTML = ` < estilo ng h2 = 'kulay:asul;' > Hostname : h2 > ` + my_url. hostname ;
dokumento. getElementById ( 'id3' ) . innerHTML = ` < estilo ng h2 = 'kulay:asul;' > Daan : h2 > ` + my_url. pangalan ng landas ;
}
Output
Iyon lang ang tungkol sa pag-parse ng URL/Web Address sa hostname at path sa JavaScript.
Konklusyon
Sa JavaScript, ' window.location.href ” ay maaaring gamitin para sa pag-parse ng kasalukuyang URL ng pahina. Higit pa rito, ang isang partikular na URL ay maaari ding i-parse gamit ang ' URL() ” paraan. Ipinaliwanag ng tutorial na ito ang detalyadong pamamaraan ng pag-parse ng URL(web address) sa isang hostname at path gamit ang iba't ibang paraan.