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:

let 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:

let url = new URL(path);

Lad os se, hvilke egenskaber det oprettede objekt har.

Protokol

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

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

Vært

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

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

Værtsnavn

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

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

Port

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

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

Sti

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

let 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:

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

GET-parametre

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

let 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:

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