Работа з URL у JavaScript

У JavaScript часам даводзіцца працаваць з адрасамі спасылак. Для гэтага прызначаны клас URL, які дазваляе атрымліваць і змяняць часткі адрасоў.

Паглядзім працу з ім на прыкладзе наступнага адрасу:

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

Стварым аб'ект класа URL, перадаўшы яму параметрам наш адрас:

let url = new URL(path);

Давайце паглядзім, якія ўласцівасці ёсць у створанага аб'екта.

Пратакол

З дапамогай уласцівасці protocol можна атрымаць пратакол:

let res = url.protocol;
console.log(res); // выведзе 'http://'

З дапамогай уласцівасці host можна атрымаць імя дамена з портам:

let res = url.host;
console.log(res); // выведзе 'site.ru:3000'

З дапамогай уласцівасці hostname можна атрымаць імя дамена:

let res = url.hostname;
console.log(res); // выведзе 'site.ru'

З дапамогай уласцівасці port можна атрымаць порт:

let res = url.port;
console.log(res); // выведзе '3000'

З дапамогай уласцівасці pathname можна адкінуць імя дамена, атрымаўшы шлях:

let res = url.pathname;
console.log(res); // выведзе '/dir/eee/page.html#show?a=1&b=2&c=3'

З дапамогай уласцівасці hash можна атрымаць значэнне хэша:

let res = url.hash;
console.log(res); // выведзе 'show'

З дапамогай уласцівасці search можна атрымаць радок GET параметраў:

let res = url.search;
console.log(res); // выведзе 'a=1&b=2&c=3'

З дапамогай уласцівасці searchParams можна атрымаць GET параметры ў выглядзе аб'екта класа URLSearchParams:

let res = url.searchParams;
console.log(res); // выведзе аб'ект класа URLSearchParams