Получить текущий URL

Получить текущий URL и её свойства можно через объект location.

// https://example.ru/page/12/?show=1#id12

location.href;     // https://example.ru/page/12?show=1#12
location.pathname; // /page/12/
location.host;     // example.ru
location.hostname; // example.ru
location.hash;     // #id12
location.origin;   // https://example.ru/
location.protocol; // https:
location.search;   // ?id=test

Параметры в строке запроса

Получить параметры в строке запроса можно через метод location.search, но он возвращает параметры одной строкой.

// https://example.ru/page/12/?param1=value&param2=second+value

location.search; // ?param1=value&param2=second+value

Создать переменную, в которой будет храниться значения в строке запроса, можно на примере ниже:

// https://example.ru/search/?query=запрос

let urlParams = new URL(document.location).searchParams;

urlParams.get("query"); // запрос
urlParams.get("any");   // null