javascript - 在不重新加载页面的情况下更改 URL 变量

Question

每个人。我有个问题。这个问题在 Facebook 中得到了完美的解决。我有一个与 facebook 提要非常相似的页面。这个页面上有一些照片。单击照片 - 我们有一个显示所有内容的窗口。我们可以看到 facebook 上的 URL 地址发生了变化，但所有背景内容都没有重新加载。我们看到每张照片都有自己的带有获取参数的 url。

是否有任何解决方案如何在不重新加载页面的情况下更改 URL 参数。不使用锚点 (#) 和 HTML5。正如它在 facebook 中实现的那样。

谢谢！

Answer 1

在 JavaScript 中使用 location.hash 来更新你的 url：

<script>
    location.hash = 'yourpage';
</script>

您的网址将更新为 = > http://www.yourdomain.com/#yourpage

您还可以使用 HTML5 的推送状态

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

更多信息 http://badassjs.com/post/840846392/location-hash-is-dead-long-live-html5-pushstate