Kufanya Kazi na URL katika JavaScript

Katika JavaScript wakati mwingine inabidi ufanye kazi na anwani za viungo. Ili kufanya hivyo, darasa la URL limeundwa, linaruhusu kupata na kubadilisha sehemu za anwani.

Tutaona kazi yake kwa kutumia mfano wa anwani ifuatayo:

javascriptlet path = 'http://site.ru:3000/dir/eee/page.html#show?a=1&b=2&c=3';

Wacha tuunde kitu cha darasa URL, tukikipitisha kigezo chetu cha anwani:

javascriptlet url = new URL(path);

Wacha tuone, sifa gani zipo kwenye kitu kilichoundwa.

Itifaki

Kwa kutumia sifa protocol unaweza kupata itifaki:

javascriptlet res = url.protocol;
console.log(res); // itatoa 'http://'

Mwenyeji

Kwa kutumia sifa host unaweza kupata jina la kikoa na bandari:

javascriptlet res = url.host;
console.log(res); // itatoa 'site.ru:3000'

Jina la Mwenyeji

Kwa kutumia sifa hostname unaweza kupata jina la kikoa:

javascriptlet res = url.hostname;
console.log(res); // itatoa 'site.ru'

Bandari

Kwa kutumia sifa port unaweza kupata bandari:

javascriptlet res = url.port;
console.log(res); // itatoa '3000'

Njia

Kwa kutumia sifa pathname unaweza kuachana na jina la kikoa, na kupata njia:

javascriptlet res = url.pathname;
console.log(res); // itatoa '/dir/eee/page.html#show?a=1&b=2&c=3'

Hash

Kwa kutumia sifa hash unaweza kupata thamani ya hash:

javascriptlet res = url.hash;
console.log(res); // itatoa 'show'

Vigezo vya GET

Kwa kutumia sifa search unaweza kupata mfumo wa vigezo vya GET:

javascriptlet res = url.search;
console.log(res); // itatoa 'a=1&b=2&c=3'

Kwa kutumia sifa searchParams unaweza kupata vigezo vya GET kwa mfumo wa kitu cha darasa URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // itatoa kitu cha darasa URLSearchParams