如何在不重新加载整个页面的情况下刷新页面中的内容并更新URL？

Question

我以为JavaScript不允许您在不刷新整个页面的情况下更新浏览器的URL（用于书签等）。 不过，Facebook似乎在其照片应用程序中完成了此任务。 当我单击“下一页”查看下一张照片时，将加载新照片并更新URL，但是整个页面不会刷新。 有谁知道他们是如何做到的？

Answer 1

他们本身并不更新URL，而仅更新哈希（即＃后跟指令）。 哈希永远不会发送到服务器，但可用于在DOM（内置浏览器功能）中定位锚点，或用作JavaScript的挂钩。 在页面加载并设置了哈希变量后，它们会发送Ajax请求以获取相应的照片。 但是，初始页面加载将加载由＃字符之前的url指示的图片。