DevGang
Авторизоваться

Как использовать URL API с ванильным JS 

URL API - это браузерный API, который позволяет вам создавать объект URL из строки, которую вы можете затем анализировать и манипулировать.

Создание URL из строки с помощью vanilla JS

Чтобы создать новый объект URL, передайте URL как строку в метод new URL() конструктора.

var url = new URL('https://gomakethings.com/about?num=42&greeting=hello#contact');

Я использую комично сложный пример выше, чтобы вы могли видеть все интересные вещи, которые позволяет делать API URL.

Разбор URL с URL API

Конструктор new URL() возвращает объект с теми же свойствами, как в window.location.

// returns "#contact"
url.hash;

// returns "gomakethings.com"
url.hostname;

// returns "https://gomakethings.com/about?num=42&greeting=hello#contact"
url.href;

// returns "https://gomakethings.com"
url.origin;

// returns "/about"
url.pathname;

// returns "https:"
url.protocol;

// returns "?num=42&greeting=hello"
url.search;

Обновление значений в URL

Вы можете использовать те же свойства для обновления значений URL.

Например, если вы хотите изменить значение hash с #contact на #photo, вы сделаете это.

url.hash = 'photo';

Источник:

#JavaScript
Комментарии
Чтобы оставить комментарий, необходимо авторизоваться

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

Оплатив хостинг 25$ в подарок вы получите 100$ на счет

Получить