URL-ի հետ աշխատանքը JavaScript-ում

JavaScript-ում երբեմն անհրաժեշտ է լինում աշխատել հղումների հասցեների հետ։ Դրա համար նախատեսված է URL դասը, որը թույլ է տալիս ստանալ և փոխել հասցեների մասերը։

Դիտարկենք դրա հետ աշխատանքը հետևյալ հասցեի օրինակով։

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

Ստեղծենք URL դասի օբյեկտ՝ փոխանցելով դրան որպես պարամետր մեր հասցեն։

javascriptlet url = new URL(path);

Եկեք տեսնենք, թե ինչ հատկություններ ունի ստեղծված օբյեկտը։

Պրոտոկոլ

protocol հատկության միջոցով կարելի է ստանալ պրոտոկոլը։

javascriptlet res = url.protocol;
console.log(res); // կարտածի 'http://'

Հոստ

host հատկության միջոցով կարելի է ստանալ դոմենի անունը պորտով։

javascriptlet res = url.host;
console.log(res); // կարտածի 'site.ru:3000'

Հոստի անունը

hostname հատկության միջոցով կարելի է ստանալ դոմենի անունը։

javascriptlet res = url.hostname;
console.log(res); // կարտածի 'site.ru'

Պորտ

port հատկության միջոցով կարելի է ստանալ պորտը։

javascriptlet res = url.port;
console.log(res); // կարտածի '3000'

Ճանապարհ

pathname հատկության միջոցով կարելի է դեն նետել դոմենի անունը՝ ստանալով ճանապարհը։

javascriptlet res = url.pathname;
console.log(res); // կարտածի '/dir/eee/page.html#show?a=1&b=2&c=3'

Հեշ

hash հատկության միջոցով կարելի է ստանալ հեշի արժեքը։

javascriptlet res = url.hash;
console.log(res); // կարտածի 'show'

GET պարամետրեր

search հատկության միջոցով կարելի է ստանալ GET պարամետրերի տողը։

javascriptlet res = url.search;
console.log(res); // կարտածի 'a=1&b=2&c=3'

searchParams հատկության միջոցով կարելի է ստանալ GET պարամետրերը URLSearchParams դասի օբյեկտի տեսքով։

javascriptlet res = url.searchParams;
console.log(res); // կարտածի URLSearchParams դասի օբյեկտը