javascript - 如何在 URI 中实现 Facebook 相册的影响？

Question

使用 Facebook 的人可能已经注意到最近相册和照片查看方式的变化。

它们允许您使用键盘上的左右箭头键来更改您正在查看的照片。

我知道有很多开源 javascript 脚本也可以用于查看照片，但有什么不同......在旧的 facebook 相册和其他 javascript 相册中，它们似乎使用 # 在 URI/URL 中获取 ID，然后可以进行 ajax 调用。

例子;
http://mydomain.com/album.php?aid=12312&pid=43534#SomeIDhereAsWell

Facebook 上的新版本似乎具有相同的结果/影响，但 URL 看起来像这样......

http://www.facebook.com/photo.php?fbid=1431582004331&set=a.1317260946376.35985.1676316284&theater
http://www.facebook.com/photo.php?fbid=1304601029886&set=a.1317260946376.35985.1676316284&theater
http://www.facebook.com/photo.php?fbid=1431444360890&set=a.1317260946376.35985.1676316284&theater

那么javascript使用的url中没有#，怎么办？

Answer 1

我认为它使用了这个:

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

在这里找到:Change the URL in the browser without loading the new page using JavaScript

我一直在这里测试它: http://django.liveproject.is/event/rff/

我还没有找到如何处理后退和前进按钮功能，或者我是否应该使用 history.replaceState() 而不是 history.pushState() .

编辑:

我认为这可能是我们的答案:Cross-browser jquery ajax history with window.history.pushState and fallback