如何在HTML5中动态更改URL

Question

我正在使用bootstrap创建单个HTML5页面。我有一些菜单项，如服务，投资组合等。当我点击其中一个菜单项时，它会向下滚动并显示该特定部分，但它不会更改网址。

例如： 假如我打开网站，index.html将打开。现在，如果我点击“投资组合”链接，它会向下滚动并显示“投资组合”部分，但它不会像index.html＃portfolio那样更改URL。它仍然是index.html

参考：www.nuabikes.com/#/home 当您打开此站点时，单击其中一个菜单项并检查该URL，它会自动更改。此外，当页面向下滚动时，URL会自动更改。

我想在我的页面中添加此功能。

Answer 1

使用Javascript更改内容时，您希望更改反映在地址中。它叫做路由，检查一下。

基本上你有三个选择：

1. 使用像angularjs或ember这样的框架，或多或少为您做路由
2. 使用Jquery插件执行此操作。例如http://www.asual.com/jquery/address/
3. 自己处理变更。请参阅此参考：Updating address bar with new URL without hash or reloading the page