如何在不刷新页面的情况下更改URL？

Question

一些网站如https://featurepoints.com使用了一种技术，用户打开一个新页面时没有任何刷新，URL会改变但没有刷新或ajax使用。 他们使用的是什么技术？是pushState吗？

- Bira

---

是的，他们通常使用History.pushState或者更一般的History API。这是单页面应用程序（SPA）中常见的功能。编辑：不知道为什么要标记Vue.js和jQuery，但Vue Router支持使用History API：https://router.vuejs.org/guide/essentials/history-mode.html - Chris Yungmann

我删除了jquery和vue.js标签，因为它们与这个问题无关。 - War10ck

谢谢大家，那我就选择使用History.pushState。我一直在想FeaturePoints是如何运行得这么快的。 @GalaxyCat105 是的，我想是这样。 - Bira

Answer 1

我认为你可能正在寻找history.pushState。

history.pushState([data], [title], [URL]);

以下是关于https://featurepoints.com/的示例：

history.pushState(null, 'FeaturePoints Login', 'https://featurepoints.com/login');

来源和更多细节请见https://css-tricks.com/using-the-html5-history-api/

- Rowan