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-ро хориҷ мекунад