@otha_marks
Для получения данных из URL с помощью JavaScript вы можете использовать объект URL
и его свойства для извлечения нужных частей URL. Ниже приведены некоторые примеры:
- Получение полного URL:
1
2
|
const urlString = window.location.href;
console.log(urlString); // Выведет полный URL страницы
|
- Извлечение параметров запроса из URL:
1
2
3
4
5
6
7
|
const queryString = window.location.search;
console.log(queryString); // Выведет строку параметров запроса (начинается с "?")
const urlParams = new URLSearchParams(queryString);
console.log(urlParams.get('param1')); // Получение значения параметра "param1"
console.log(urlParams.get('param2')); // Получение значения параметра "param2"
|
- Извлечение хоста (название домена) из URL:
1
2
|
const hostName = window.location.hostname;
console.log(hostName); // Выведет название домена (например, "example.com")
|
- Извлечение пути из URL:
1
2
|
const pathName = window.location.pathname;
console.log(pathName); // Выведет путь (например, "/products/page1.html")
|
Если вы работаете с URL, который не является текущим URL страницы, вы можете создать новый объект URL
и передать URL в качестве аргумента конструктору:
1
2
3
4
5
6
7
|
const url = new URL('https://example.com/path/page.html?param1=value1¶m2=value2');
console.log(url.hostname); // Выведет "example.com"
console.log(url.pathname); // Выведет "/path/page.html"
const urlParams = url.searchParams;
console.log(urlParams.get('param1')); // Выведет "value1"
console.log(urlParams.get('param2')); // Выведет "value2"
|
Помните, что некоторые браузеры не поддерживают все функции объекта URL
, поэтому перед использованием его свойств убедитесь, что они поддерживаются в вашем целевом браузере.