Práca s URL v JavaScripte

V JavaScripte občas potrebujeme pracovať s adresami odkazov. Na to je určená trieda URL, ktorá umožňuje získať a meniť časti adries.

Pozrime sa na jej prácu na príklade nasledujúcej adresy:

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

Vytvorme objekt triedy URL tak, že mu ako parameter predáme našu adresu:

let url = new URL(path);

Pozrime sa, aké vlastnosti má vytvorený objekt.

Protokol

Pomocou vlastnosti protocol môžeme získať protokol:

let res = url.protocol;
console.log(res); // vypíše 'http://'

Pomocou vlastnosti host môžeme získať názov domény s portom:

let res = url.host;
console.log(res); // vypíše 'site.ru:3000'

Pomocou vlastnosti hostname môžeme získať názov domény:

let res = url.hostname;
console.log(res); // vypíše 'site.ru'

Pomocou vlastnosti port môžeme získať port:

let res = url.port;
console.log(res); // vypíše '3000'

Pomocou vlastnosti pathname môžeme odhodiť názov domény a získať cestu:

let res = url.pathname;
console.log(res); // vypíše '/dir/eee/page.html#show?a=1&b=2&c=3'

Pomocou vlastnosti hash môžeme získať hodnotu hashu:

let res = url.hash;
console.log(res); // vypíše 'show'

Pomocou vlastnosti search môžeme získať reťazec GET parametrov:

let res = url.search;
console.log(res); // vypíše 'a=1&b=2&c=3'

Pomocou vlastnosti searchParams môžeme získať GET parametre vo forme objektu triedy URLSearchParams:

let res = url.searchParams;
console.log(res); // vypíše objekt triedy URLSearchParams