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

Question

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

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

谢谢!

Answer 1

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

<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