Получить текущий 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¶m2=second+value location.search; // ?param1=value¶m2=second+value
Создать переменную, в которой будет храниться значения в строке запроса, можно на примере ниже:
// https://example.ru/search/?query=запрос let urlParams = new URL(document.location).searchParams; urlParams.get("query"); // запрос urlParams.get("any"); // null