Чтобы изменить URL-адрес в браузере без загрузки новой страницы с помощью JavaScript, вы можете использовать API истории HTML5. Этот API предоставляет методы управления историей браузера и позволяет изменять URL-адрес, не вызывая полного обновления страницы. Вот несколько методов, которые вы можете использовать:

window.history.pushState({}, '', '/new-url');

2. replaceState(): этот метод изменяет текущую запись в стеке истории и изменяет URL-адрес. Он принимает те же параметры, что и pushState().

window.history.replaceState({}, '', '/new-url');

3. Использование хэш-фрагмента. Вы также можете изменить URL-адрес, манипулируя хеш-фрагментом URL-адреса. Фрагмент хеша — это часть URL-адреса, которая начинается с символа «#». Изменяя фрагмент хеша, вы можете создать иллюзию нового URL-адреса, не вызывая перезагрузки страницы.

window.location.hash = 'new-url';

Эти методы позволяют изменить URL-адрес в браузере без загрузки новой страницы. Однако важно отметить, что поисковые системы могут не интерпретировать эти изменения как отдельные страницы. Чтобы обеспечить правильное SEO, рекомендуется использовать традиционные серверные методы для предоставления уникального контента для каждого URL.