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