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:

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

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

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

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

Gasheernaam (Hostname)

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

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

Poort

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

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

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

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

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

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