更改URL变量而不重新加载页面

时间:2013-02-25 16:05:18

标签: javascript facebook url reload

大家。 我有个问题。这个问题在Facebook上得到了很好的解决。 我的页面与facebook feed非常相似。这个页面上有一些照片。点击照片 - 我们有一个窗口显示在所有内容上。我们可以看到Facebook上的URL地址已更改,但所有后台内容都没有重新加载。我们看到每张照片都有自己的带有参数的网址。

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

谢谢!

1 个答案:

答案 0 :(得分:6)

在JavaScript中使用location.hash更新您的网址:

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

您的网址将更新为=&gt; 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