Javascript：如何在不刷新页面的情况下更改地址栏中的URL？

Question

我注意到像GMail和GrooveShark这样的网络应用程序可以在不刷新页面的情况下更改浏览器地址栏中的URL。显然使用了Ajax来更改内容。我该如何更改URL？

可能是重复问题：
如何使用JavaScript在不加载新页面的情况下更改浏览器中的URL？

- Leo Jiang

---

location.hash https://developer.mozilla.org/zh-CN/docs/Web/API/Window/location - Joseph Yaduvanshi

Answer 1

Gmail和Grooveshark仅更改哈希值，这是通过更改以下内容完成的：

location.hash = 'blah'

如果你的目标是支持HTML5的浏览器，你可以使用 window.history.pushState 和 window.history.popState 方法，详情参见 http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page

- topek

Answer 2

您可能需要了解HTML5推送状态。我知道iQuery Mobile正在使用此功能来修改位置URL，而不触发页面加载，这可能是您需要的正确解决方案。

以下是它的工作原理示例： https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

window.history.pushState(data, "Title", "/new-url");

- Nick Clark

---

请注意，Firefox不支持title参数（第二个参数），因此请使用document.title = title。 - 0fnt