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:

javascriptlet 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ă:

javascriptlet url = new URL(path);

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

Protocol

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

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

Gazdă

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

javascriptlet 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:

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

Port

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

javascriptlet 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:

javascriptlet 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:

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

Parametri GET

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

javascriptlet 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:

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