正如Vivart和geo1701所提到的，HTML5 replaceState就是答案。但是，并非所有浏览器/版本都支持此功能。History.js包装了HTML5状态特性，并为HTML4浏览器提供了额外的支持。

在现代浏览器和HTML5中，有一种叫做pushState的窗口历史记录方法。这将更改URL并将其推送到历史记录中，而无需加载页面。

您可以这样使用它，它需要3个参数，1）状态对象2）标题和URL）：

window.history.pushState({page: "another"}, "another page", "example.html");

这将更改URL，但不会重新加载页面。此外，它不会检查页面是否存在，因此如果您执行一些对URL做出反应的JavaScript代码，您可以这样处理它们。

此外，还有history.replaceState（），它做了完全相同的事情，只是它将修改当前历史，而不是创建新的历史！

此外，您还可以创建一个函数来检查history.pushState是否存在，然后执行以下操作：

function goTo(page, title, url) {
  if ("undefined" !== typeof history.pushState) {
    history.pushState({page: page}, title, url);
  } else {
    window.location.assign(url);
  }
}

goTo("another page", "example", 'example.html');

此外，您可以更改<HTML5浏览器的#，这不会重新加载页面。这是Angular根据标签进行SPA的方法。。。

更改#非常简单，比如：

window.location.hash = "example";

你可以这样检测：

window.onhashchange = function () {
  console.log("#changed", window.location.hash);
}

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

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

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

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

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

这就是无需重新加载即可导航的全部内容

//添加设置而不重新加载location.hash=“设置”；//如果url随哈希更改，请执行某些操作window.addEventListener（'hashchange'，（）=>{console.log（'rl哈希已更改！'）；});//如果url更改，请执行某些操作（不要使用哈希检测更改）//window.addEventListener（'locationchange'，function（）{//console.log（'rl已更改！'）；//})//删除#设置而不重新加载history.back（）；

位置的任何更改（window.location或document.location）都将导致对新URL的请求，如果您不仅仅是更改URL片段。如果更改URL，则更改URL。

如果您不喜欢当前使用的URL，请使用服务器端URL重写技术，如Apache的mod_rewrite。