Javascript：更改网址而不刷新页面

Question

我在一个带网址的页面

https://mysite.com/tst/v1/my-app/var/$%5Btest_new_var%5D.

点击我要将网址更改为

https://mysite.com/tst/v1/my-app/" without reloading the page.

我该怎么做？

请帮忙， 感谢。

Answer 1

在支持history.pushState的较新浏览器中，您可以在不重新加载的情况下替换该网址。

让我们说用户浏览http://example.com/ernie.html

window.history.pushState({ foo: "bar" }, "page 2", "bert.html");

将地址栏更改为http://example.com/bert.html，但不会导致浏览器加载bert.html，甚至检查bert.html是否存在。