Rad sa URL-om u JavaScript-u

U JavaScript-u ponekad je potrebno raditi sa adresama linkova. Za to je namenjena klasa URL, koja omogućava dobijanje i menjanje delova adresa.

Pogledajmo rad sa njom na primeru sledeće adrese:

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

Kreirajmo objekat klase URL, prosledivši mu parametrom našu adresu:

javascriptlet url = new URL(path);

Pogledajmo koja svojstva ima kreirani objekat.

Protokol

Pomoću svojstva protocol možemo dobiti protokol:

javascriptlet res = url.protocol;
console.log(res); // ispisaće 'http://'

Host

Pomoću svojstva host možemo dobiti ime domena sa portom:

javascriptlet res = url.host;
console.log(res); // ispisaće 'site.ru:3000'

Ime hosta

Pomoću svojstva hostname možemo dobiti ime domena:

javascriptlet res = url.hostname;
console.log(res); // ispisaće 'site.ru'

Port

Pomoću svojstva port možemo dobiti port:

javascriptlet res = url.port;
console.log(res); // ispisaće '3000'

Putanja

Pomoću svojstva pathname možemo odbaciti ime domena, dobivši putanju:

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

Heš

Pomoću svojstva hash možemo dobiti vrednost heša:

javascriptlet res = url.hash;
console.log(res); // ispisaće 'show'

GET parametri

Pomoću svojstva search možemo dobiti string GET parametara:

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

Pomoću svojstva searchParams možemo dobiti GET parametre u vidu objekta klase URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // ispisaće objekat klase URLSearchParams