JS. Добавить параметр к URL без перезагрузки

Опубликовано в JavaScript • 10 мартa 2018 г. • 1 мин. на чтение

function updateURL() {
    if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + '?tyapk=awesome';
        history.pushState(null, null, newUrl);
    }
    else {
        console.warn('History API не поддерживается');
    }
}

https://gist.github.com/excalq/2961415#gistcomment-2178956

Похожие записи

Semantic UI dropdown change handler and disabling another element

Как организовать доступность одного элемента от выбранного значения другого (dropdown) элемента

RxJS. Подписка в подписке

О том как не надо и как надо делать подписки в rxjs

Цветные сообщения в console

console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px');

RxJS планировщики (schedulers)

queue - синхронный код
asap - очередь микрозадач
async - очередь макрозадач
animationFrame - очередь для отрисовки

Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.