更改URL而不刷新？

Question

基本上，在我的网站上，我想这样做，当你通过点击HREF链接在页面之间切换时，它不会重新加载页面，但它会更改URL。我的网站在这里：https://abyssalplains.us/我发现这是一个很好的例子：http://anomaly.com/当你在选项卡之间切换时，它会更改URL而不重新加载页面。有人可以解释如何做到这一点。

Answer 1

您提供的示例是使用列表来使用内部库中的CSS转换来显示所有“选项卡”并获得使用z-index的分层效果。

路径正在从每个“选项卡”上的onClick事件发生变化，基本上显示了下一个所谓的“页面”，但它只是触发了一个动画事件。

但实际上所有内容都是一次性加载，而不是动态地使用onClick事件或虚拟DOM。

我希望这可以帮助您解决问题。

Answer 2

首先，您需要设置路由器来处理网址 您可以使用AngularJS作为快捷方式，也可以manipulating the browser url history编写自己的javascript逻辑 如果您正在编写自己的javascript，那么您还需要处理页面加载..
通常你可以删除一些html正文并用jQuery加载的页面替换它

所以逻辑是：
的 1 即可。使用javascript window.location.href获取网址 的 2 即可。 Load new html content of specific page with ajax并将其保存到变量
<强> 3 即可。使用新的html内容删除或replace current html content 的 4 即可。 Change the browser history

Answer 3

我认为这个插件可以像你想的那样工作。您只需按照网站上已有的简单步骤操作即可： 网址： http://barbajs.org/

只需访问此处，有关详情，您也可以看到此网址http://barbajs.org/examples.html

您正在搜索的技术称为 pjax 。