как обработать изменение window location hash в javascript

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для обработки изменения window.location.hash можно использовать событие hashchange. Это событие срабатывает, когда изменяется часть URL-адреса после символа "#", т.е. хэш.

Пример:

// Функция для обработки изменения хэша
function handleHashChange() {
    const hash = window.location.hash.substr(1); // Получаем значение хэша без символа "#"

    // Далее можно выполнить необходимые действия в зависимости от значения хэша
    console.log('Хэш изменился:', hash);

    // Например, можно загрузить контент на страницу и т.д.
}

// Добавляем обработчик события hashchange
window.addEventListener('hashchange', handleHashChange);

// Вызываем функцию handleHashChange для обработки начального значения хэша
handleHashChange();

При изменении хэша в адресной строке браузера, будет вызываться функция handleHashChange.

6 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

ООП на Javascript

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

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

Похожие вопросы