Arbeid med URL i JavaScript

I JavaScript må man noen ganger jobbe med linkadresser. For dette er klassen URL tiltenkt, som lar en hente og endre deler av adresser.

La oss se på hvordan den brukes ved å bruke følgende adresse som eksempel:

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

La oss opprette et objekt av klassen URL ved å sende adressen vår som en parameter:

let url = new URL(path);

La oss se på hvilke egenskaper det opprettede objektet har.

Protokoll

Ved hjelp av egenskapen protocol kan man hente protokollen:

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

Ved hjelp av egenskapen host kan man hente domenenavnet med port:

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

Ved hjelp av egenskapen hostname kan man hente domenenavnet:

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

Ved hjelp av egenskapen port kan man hente porten:

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

Ved hjelp av egenskapen pathname kan man fjerne domenenavnet og få stien:

let res = url.pathname;
console.log(res); // vil skrive ut '/dir/eee/page.html'

Ved hjelp av egenskapen hash kan man hente hash-verdien:

let res = url.hash;
console.log(res); // vil skrive ut '#show'

Ved hjelp av egenskapen search kan man hente strengen med GET-parametre:

let res = url.search;
console.log(res); // vil skrive ut '?a=1&b=2&c=3'

Ved hjelp av egenskapen searchParams kan man hente GET-parametrene som et objekt av klassen URLSearchParams:

let res = url.searchParams;
console.log(res); // vil skrive ut et objekt av klassen URLSearchParams