Изменить URL-адрес без обновления страницы

Question

Я бы хотел заменить URL-адрес без обновления страницы.

мне нужно изменить:

https://example.com/en/step1 

в

https://example.com/en/step2 

Как сделать это?

Answer 1

Использование history.pushState так:

history.pushState(null, null, '/en/step2'); 

• Более подробную информацию (статья MDN): Manipulating the browser history
• Can I use
• Может быть, вы должны смотреть @Does Internet Explorer support pushState and replaceState?

Update

на основе Manipulating the browser history, передавая пустую строку в качестве второго параметра pushState метода (ака название) должны быть защищены от будущих изменений в метод, так что лучше использовать pushState как:

history.pushState(null, '', '/en/step2'); 

вы можете прочитать больше о том, что в упомянутой статье

Answer 2

при использовании функции ...

<p onclick="update_url('/en/step2');">Link</p> 

<script> 
function update_url(url) { 
    history.pushState(null, null, url); 
} 
</script>