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

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

在现代浏览器和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);
}

如果你想做的是允许用户为页面添加书签/共享页面，而你不需要它恰好是正确的URL，并且你没有使用哈希锚来做任何其他事情，那么你可以分两部分来做；您使用该位置。然后在主页上执行检查，以查找其中包含哈希锚的URL，并将您重定向到后续结果。

例如：

用户位于www.site.com/section/page/4用户执行一些操作，将URL更改为www.site.com/#/section/page/6（带有哈希）。假设您已将第6页的正确内容加载到页面中，因此除了哈希之外，用户不会受到太大的干扰。用户将此URL传递给其他人，或为其添加书签其他人或同一用户稍后会访问www.site.com/#/ssection/page/6www.site.com/上的代码使用如下方式将用户重定向到www.site.com/section/page/6：

if (window.location.hash.length > 0){ 
   window.location = window.location.hash.substring(1);
}

希望这是有意义的！对于某些情况，这是一种有用的方法。

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

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

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

正如Thomas Stjernegaard Jeppesen所指出的，当用户浏览Ajax链接和应用程序时，您可以使用History.js修改URL参数。

距离这个答案已经过去了将近一年，History.js不断发展，并变得更加稳定和跨浏览器。现在，它可以用于管理兼容HTML5的历史状态，也可以用于许多仅支持HTML4的浏览器。在本演示中，您可以看到它如何工作的示例（以及如何尝试其功能和限制）。

如果您在如何使用和实现这个库方面需要任何帮助，我建议您查看演示页面的源代码：您会发现它非常容易做到。

最后，要全面解释使用哈希（和hashbangs）的问题，请查看Benjamin Lupton的链接。