我可以使用 javascript 更改地址栏中的 URL 字符串吗

Question

我的网页上有一个链接，说“关于”。单击它会加载特定的 div，而无需使用 jquery .load() 刷新整个页面。这不会更改浏览器地址栏中的 URL 字符串。

可以通过www.mydomain.com/?page=about访问同一页面。

所以我想要做的是，当用户点击“关于”链接时，页面将按原样加载（使用 jquery），但我也想更改浏览器地址栏中的 URL 字符串有人可以实际复制或添加书签。

可以吗？

Answer 1

你有两种可能解决这个问题：

• 在较新的浏览器中，您可以使用HTML5 history API，它可以更改部分 URL，以及查询字符串（和路径 afaik）。

• 在不支持此功能的浏览器中，您只能更改片段标识符# 而无需重新加载页面（通过location 对象）。这意味着您必须将 URL 更改为例如

  www.mydomain.com/#!page=about
  

  #! is a convention from Google to make Ajax sites crawlable。由于片段标识符没有发送到服务器，因此您必须使用 JavaScript 检测它并从服务器加载相应的数据。
  有jQuery plugins 可以帮助您处理此问题。

如果可用的话，我会寻找一个好的插件，利用历史 API 并回退到基于哈希的解决方案。

---

正如我在评论中所写，您还可以在此处找到更多信息：

• How to change browser address bar without reloading page，especially @ThiefMaster's answer。

Answer 2

是的，我做到了

location.hash = 'foo';

还有其他可以更改的位置属性，不确定它对 '?' 的调用是什么，可能是查询字符串、get 或类似的东西。