如何在 HTML5 中动态更改 URL答案

【问题标题】：how to change URL dynamically in HTML5如何在 HTML5 中动态更改 URL
【发布时间】：2015-04-25 20:41:46
【问题描述】：

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

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

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

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

【问题讨论】：

标签： html

【解决方案1】：

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

基本上你有三个选择：

使用框架，例如 angularjs 或 ember，它们或多或少会为您完成路由
我们使用了一个 Jquery 插件来做这件事。如http://www.asual.com/jquery/address/
自行处理更改。请参阅此内容以供参考：Updating address bar with new URL without hash or reloading the page

【讨论】：