URL-iga töötamine JavaScriptis

JavaScriptis tuleb vahel töötada linkide aadressidega. Selleks on mõeldud klass URL, mis võimaldab aadressiosade saamist ja muutmist.

Vaatame selle töötamist järgmise aadressi näitel:

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

Loome klassi URL objekti, andes sellele parameetrina meie aadressi:

let url = new URL(path);

Vaatame, millised omadused on loodud objektil.

Protokoll

Omaduse protocol abil saab protokolli:

let res = url.protocol;
console.log(res); // väljastab 'http://'

Omaduse host abil saab domeeninime koos pordiga:

let res = url.host;
console.log(res); // väljastab 'site.ru:3000'

Omaduse hostname abil saab domeeninime:

let res = url.hostname;
console.log(res); // väljastab 'site.ru'

Omaduse port abil saab pordi:

let res = url.port;
console.log(res); // väljastab '3000'

Omaduse pathname abil saab domeeninime kõrvale jätta, saades tee:

let res = url.pathname;
console.log(res); // väljastab '/dir/eee/page.html#show?a=1&b=2&c=3'

Omaduse hash abil saab hash-i väärtuse:

let res = url.hash;
console.log(res); // väljastab 'show'

Omaduse search abil saab GET parameetrite stringi:

let res = url.search;
console.log(res); // väljastab 'a=1&b=2&c=3'

Omaduse searchParams abil saab GET parameetrid objektina klassi URLSearchParams kujul:

let res = url.searchParams;
console.log(res); // väljastab URLSearchParams klassi objekti