Lucrul cu URL-uri în JavaScript

În JavaScript, uneori este necesar să lucrezi cu adresele linkurilor. Pentru aceasta este destinată clasa URL, care permite obținerea și modificarea părților adreselor.

Să vedem cum funcționează folosind exemplul următoarei adrese:

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

Să creăm un obiect al clasei URL, transmitându-i ca parametru adresa noastră:

let url = new URL(path);

Să vedem ce proprietăți are obiectul creat.

Protocol

Cu ajutorul proprietății protocol poți obține protocolul:

let res = url.protocol;
console.log(res); // va afișa 'http:'

Gazdă

Cu ajutorul proprietății host poți obține numele domeniului cu portul:

let res = url.host;
console.log(res); // va afișa 'site.ru:3000'

Numele gazdei

Cu ajutorul proprietății hostname poți obține numele domeniului:

let res = url.hostname;
console.log(res); // va afișa 'site.ru'

Port

Cu ajutorul proprietății port poți obține portul:

let res = url.port;
console.log(res); // va afișa '3000'

Cale

Cu ajutorul proprietății pathname poți elimina numele domeniului, obținând calea:

let res = url.pathname;
console.log(res); // va afișa '/dir/eee/page.html'

Hash

Cu ajutorul proprietății hash poți obține valoarea hash-ului:

let res = url.hash;
console.log(res); // va afișa '#show'

Parametri GET

Cu ajutorul proprietății search poți obține șirul parametrilor GET:

let res = url.search;
console.log(res); // va afișa '?a=1&b=2&c=3'

Cu ajutorul proprietății searchParams poți obține parametrii GET sub forma unui obiect al clasei URLSearchParams:

let res = url.searchParams;
console.log(res); // va afișa un obiect al clasei URLSearchParams