Práce s URL v JavaScriptu

V JavaScriptu někdy musíme pracovat s adresami odkazů. K tomu slouží třída URL, která umožňuje získávat a měnit části adres.

Podívejme se na její práci na příkladu následující adresy:

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

Vytvoříme objekt třídy URL, předáním naší adresy jako parametru:

let url = new URL(path);

Podívejme se, jaké vlastnosti má vytvořený objekt.

Protokol

Pomocí vlastnosti protocol lze získat protokol:

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

Pomocí vlastnosti host lze získat název domény s portem:

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

Pomocí vlastnosti hostname lze získat název domény:

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

Pomocí vlastnosti port lze získat port:

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

Pomocí vlastnosti pathname lze odstranit název domény a získat cestu:

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

Pomocí vlastnosti hash lze získat hodnotu hashe:

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

Pomocí vlastnosti search lze získat řetězec GET parametrů:

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

Pomocí vlastnosti searchParams lze získat GET parametry ve formě objektu třídy URLSearchParams:

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