Изменить URL-адрес без перезагрузки страницы с помощью JavaScript

Чтобы изменить URL-адрес в JavaScript без перезагрузки страницы, вы можете использовать различные методы. Вот некоторые из популярных:

  1. API истории. API истории позволяет изменять историю и URL-адрес браузера, не вызывая полной перезагрузки страницы. Вы можете использовать метод pushState(), чтобы добавить новое состояние в стек истории и обновить URL-адрес. Вот пример:
history.pushState(null, null, '/new-url');
  1. Объект местоположения: вы также можете изменить URL-адрес напрямую с помощью объекта window.location. Назначьте новый URL-адрес свойству href, чтобы обновить URL-адрес. Вот пример:
window.location.href = '/new-url';
  1. Фрагмент хеша: вы можете изменить фрагмент хеша URL-адреса, который появляется после символа #, без перезагрузки страницы. Этот метод полезен для создания якорных ссылок внутри одной страницы. Вот пример:
window.location.hash = 'new-hash';
  1. Параметры поиска URL-адреса. Если вы хотите изменить параметры запроса URL-адреса, вы можете использовать интерфейс URLSearchParams. Он позволяет обновлять или добавлять параметры запроса без перезагрузки страницы. Вот пример:
const params = new URLSearchParams(window.location.search);
params.set('paramName', 'paramValue');
history.pushState(null, null, '?' + params.toString());

Эти методы позволяют динамически изменять URL-адрес в JavaScript, не вызывая перезагрузки страницы.