URL-ро бо JavaScript кор кардан

Дар JavaScript баъзан бо адресҳои пайвандҳо кор кардан лозим меояд. Барои ин мақсад класи URL пешбинӣ шудааст, ки имкон медиҳад қисмҳои адресҳоро гирифта ва тағйир диҳед.

Биёед кор бо онро дар мисоли адреси зерин бубинем:

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

Объекти класи URL эҷод мекунем, бо додани адреси мо ба он ҳамчун параметр:

let url = new URL(path);

Биёед бубинем, ки объекти эҷодшуда кадом хосиятҳоро дорад.

Протокол

Бо ёрии хосияти protocol метавон протокол гирифт:

let res = url.protocol;
console.log(res); // 'http://'-ро хориҷ мекунад

Хост

Бо ёрии хосияти host метавон номи доменро бо порт гирифт:

let res = url.host;
console.log(res); // 'site.ru:3000'-ро хориҷ мекунад

Номи хост

Бо ёрии хосияти hostname метавон номи домен гирифт:

let res = url.hostname;
console.log(res); // 'site.ru'-ро хориҷ мекунад

Порт

Бо ёрии хосияти port метавон порт гирифт:

let res = url.port;
console.log(res); // '3000'-ро хориҷ мекунад

Роҳ

Бо ёрии хосияти pathname метавон номи доменро гузошта, роҳ гирифт:

let res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3'-ро хориҷ мекунад

Хеш

Бо ёрии хосияти hash метавон қимати хеш гирифт:

let res = url.hash;
console.log(res); // 'show'-ро хориҷ мекунад

Параметрҳои GET

Бо ёрии хосияти search метавон сатри параметрҳои GET гирифт:

let res = url.search;
console.log(res); // 'a=1&b=2&c=3'-ро хориҷ мекунад

Бо ёрии хосияти searchParams метавон параметрҳои GET-ро ҳамчун объекти класи URLSearchParams гирифт:

let res = url.searchParams;
console.log(res); // объекти класи URLSearchParams-ро хориҷ мекунад