HTML5引入了history.pushState（）和history.replaceState（）方法，分别允许您添加和修改历史条目。

window.history.pushState('page2', 'Title', '/page2.php');

从这里了解更多信息

您可以在应用程序的任何位置使用这个美丽而简单的功能。

function changeurl(url, title) {
    var new_url = '/' + url;
    window.history.pushState('data', title, new_url);
    
}

您不仅可以编辑URL，还可以同时更新标题。

如果您想更改url但不想将条目添加到浏览器历史记录中，也可以使用HTML5 replaceState：

if (window.history.replaceState) {
   //prevents browser from storing history with each change:
   window.history.replaceState(statedata, title, url);
}

这将“破坏”后退按钮功能。在某些情况下，这可能是必需的，例如图像库（您希望后退按钮返回到库索引页，而不是返回到您查看的每个图像），同时为每个图像提供自己的唯一url。

在HTML5之前，我们可以使用：

parent.location.hash = "hello";

and:

window.location.replace("http:www.example.com");

此方法将重新加载页面，但HTML5引入了不应重新加载页面的history.pushState（page，caption，replace_url）。

parent.location.hash = "hello";

使用HTML5历史API中的history.pushState（）。

有关详细信息，请参阅HTML5历史API。