Werking met URL's in JavaScript

In JavaScript moet ons soms met skakeladresse werk. Vir hierdie doel is die klas URL bedoel, wat dit moontlik maak om dele van adresse te kry en te verander.

Laat ons die werking daarvan aan die hand van die volgende adres kyk:

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

Kom ons skep 'n voorwerp van die klas URL deur ons adres as parameter daaraan oor te dra:

javascriptlet url = new URL(path);

Kom ons kyk watter eienskappe die geskape voorwerp het.

Protokol

Met behulp van die eienskap protocol kan jy die protokol kry:

javascriptlet res = url.protocol;
console.log(res); // sal 'http://' uitvoer

Gasheer (Host)

Met behulp van die eienskap host kan jy die domainnaam met die poort kry:

javascriptlet res = url.host;
console.log(res); // sal 'site.ru:3000' uitvoer

Gasheernaam (Hostname)

Met behulp van die eienskap hostname kan jy die domainnaam kry:

javascriptlet res = url.hostname;
console.log(res); // sal 'site.ru' uitvoer

Poort

Met behulp van die eienskap port kan jy die poort kry:

javascriptlet res = url.port;
console.log(res); // sal '3000' uitvoer

Pad

Met behulp van die eienskap pathname kan jy die domainnaam weglaat en die pad kry:

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

Hash

Met behulp van die eienskap hash kan jy die hash-waarde kry:

javascriptlet res = url.hash;
console.log(res); // sal 'show' uitvoer

GET-parameters

Met behulp van die eienskap search kan jy die string van GET-parameters kry:

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

Met behulp van die eienskap searchParams kan jy die GET-parameters kry as 'n voorwerp van die klas URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // sal 'n voorwerp van die klas URLSearchParams uitvoer