URL-ok kezelése JavaScriptben

A JavaScriptben időnkkent linkcímekkel kell dolgozni. Erre szolgál az URL osztály, amely lehetővé teszi a címek részeinek lekérését és módosítását.

Nézzük a működését a következő cím példáján:

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

Hozzunk létre egy URL osztályú objektumot, átadva neki paraméterként a címünket:

javascriptlet url = new URL(path);

Nézzük meg, milyen tulajdonságai vannak a létrehozott objektumnak.

Protokoll

A protocol tulajdonság segítségével lekérhetjük a protokollt:

javascriptlet res = url.protocol;
console.log(res); // kiírja 'http://'

Host

A host tulajdonság segítségével lekérhetjük a domainnevet a porttal együtt:

javascriptlet res = url.host;
console.log(res); // kiírja 'site.ru:3000'

Hostnév

A hostname tulajdonság segítségével lekérhetjük a domainnevet:

javascriptlet res = url.hostname;
console.log(res); // kiírja 'site.ru'

Port

A port tulajdonság segítségével lekérhetjük a portot:

javascriptlet res = url.port;
console.log(res); // kiírja '3000'

Útvonal

A pathname tulajdonság segítségével a domainnév elhagyásával megkaphatjuk az útvonalat:

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

Hash

A hash tulajdonság segítségével lekérhetjük a hash értékét:

javascriptlet res = url.hash;
console.log(res); // kiírja 'show'

GET paraméterek

A search tulajdonság segítségével lekérhetjük a GET paraméterek sztringjét:

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

A searchParams tulajdonság segítségével lekérhetjük a GET paramétereket URLSearchParams osztályú objektum formájában:

javascriptlet res = url.searchParams;
console.log(res); // kiírja az URLSearchParams osztályú objektumot