Arbejde med URL i JavaScript

I JavaScript er det nogle gange nødvendigt at arbejde med linkadresser. Til dette er klassen URL beregnet, som giver mulighed for at hente og ændre delene af adresser.

Lad os se på dens arbejde ved hjælp af følgende adresse som eksempel:

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

Lad os oprette et objekt af klassen URL ved at sende vores adresse som parameter:

javascriptlet url = new URL(path);

Lad os se, hvilke egenskaber det oprettede objekt har.

Protokol

Ved hjælp af egenskaben protocol kan man hente protokollen:

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

Vært

Ved hjælp af egenskaben host kan man hente domænenavnet med port:

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

Værtsnavn

Ved hjælp af egenskaben hostname kan man hente domænenavnet:

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

Port

Ved hjælp af egenskaben port kan man hente porten:

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

Sti

Ved hjælp af egenskaben pathname kan man fjerne domænenavnet og få stien:

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

Hash

Ved hjælp af egenskaben hash kan man hente hash-værdien:

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

GET-parametre

Ved hjælp af egenskaben search kan man hente strengen med GET-parametre:

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

Ved hjælp af egenskaben searchParams kan man hente GET-parametre som et objekt af klassen URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // vil udskrive et objekt af klassen URLSearchParams