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:

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

javascriptlet url = new URL(path);

Vaatame, millised omadused on loodud objektil.

Protokoll

Omaduse protocol abil saab protokolli:

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

Host

Omaduse host abil saab domeeninime koos pordiga:

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

Hostinimi

Omaduse hostname abil saab domeeninime:

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

Port

Omaduse port abil saab pordi:

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

Tee

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

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

Hash

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

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

GET parameetrid

Omaduse search abil saab GET parameetrite stringi:

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

Omaduse searchParams abil saab GET parameetrid objektina klassi URLSearchParams kujul:

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