02.04.2020 в 09:50
LegGnom
Как использовать 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';
