JavaScript'te URL ile Çalışma

JavaScript'te bazen link adresleriyle çalışmak gerekir. Bunun için URL sınıfı kullanılır, bu sınıf adreslerin parçalarını almanıza ve değiştirmenize olanak tanır.

Aşağıdaki adres örneği üzerinde çalışmasını inceleyelim:

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

URL sınıfından bir nesne oluşturalım, parametre olarak adresimizi verelim:

let url = new URL(path);

Oluşturulan nesnenin hangi özelliklere sahip olduğuna bakalım.

Protokol

protocol özelliği kullanılarak protokol alınabilir:

let res = url.protocol;
console.log(res); // 'http://' yazacak

Host

host özelliği kullanılarak alan adı ve port bilgisi alınabilir:

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

Host adı

hostname özelliği kullanılarak alan adı alınabilir:

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

Port

port özelliği kullanılarak port alınabilir:

let res = url.port;
console.log(res); // '3000' yazacak

Yol

pathname özelliği kullanılarak alan adı atlanıp yol bilgisi alınabilir:

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

Hash

hash özelliği kullanılarak hash değeri alınabilir:

let res = url.hash;
console.log(res); // 'show' yazacak

GET parametreleri

search özelliği kullanılarak GET parametreleri dizesi alınabilir:

let res = url.search;
console.log(res); // 'a=1&b=2&c=3' yazacak

searchParams özelliği kullanılarak GET parametreleri URLSearchParams sınıfından bir nesne olarak alınabilir:

let res = url.searchParams;
console.log(res); // URLSearchParams sınıfından bir nesne yazacak