这是我的解决方案（newUrl是您要用当前URL替换的新URL）：

history.pushState({}, null, newUrl);

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

parent.location.hash = "hello";

and:

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

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

这现在可以在Chrome、Safari、Firefox 4+和Internet Explorer 10pp4+中完成！

有关详细信息，请参阅此问题的答案：使用新的URL更新地址栏，而无需哈希或重新加载页面

例子：

 function processAjaxData(response, urlPath){
     document.getElementById("content").innerHTML = response.html;
     document.title = response.pageTitle;
     window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
 }

然后，您可以使用window.onpopstate检测后退/前进按钮导航：

window.onpopstate = function(e){
    if(e.state){
        document.getElementById("content").innerHTML = e.state.html;
        document.title = e.state.pageTitle;
    }
};

有关操纵浏览器历史的更深入了解，请参阅MDN文章。

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

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

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

可以添加定位标记。我在我的网站上使用这个，这样我就可以通过Google Analytics跟踪人们在页面上访问的内容。

我只是添加了一个锚标记，然后添加了我要跟踪的页面部分：

var trackCode = "/#" + urlencode($("myDiv").text());
window.location.href = "http://www.piano-chords.net" + trackCode;
pageTracker._trackPageview(trackCode);

您的新url。

let newUrlIS =  window.location.origin + '/user/profile/management';

在某种意义上，调用pushState（）类似于设置window.location=“#foo”，因为两者都会创建并激活与当前文档相关的另一个历史条目。但是pushState（）有一些优点：

history.pushState({}, null, newUrlIS);

您可以签出根目录：https://developer.mozilla.org/en-US/docs/Web/API/History_API