javascript - 带有完整网址的子内容？

Question

当您浏览 facebook 或 youtube 时，您会注意到当您单击链接时，该页面似乎没有完全重新加载/刷新到新页面。标题或侧边栏在那里。但是浏览器地址栏上显示的 URL 似乎是该页面的直接路径。在 youtube 上，您可以在加载新页面时看到页面顶部的红色加载栏。

我之前尝试过做 ajax 页面，并且 URL 看起来像这样 www.mydomain.com/#/content/subcontent/。那么，我怎样才能做到像 facebook 或 youtube 一样呢？是使用 HTML5 还是什么？有什么建议怎么做吗？

谢谢。希望您能理解我在这里要解释的内容。

Answer 1

这些站点使用的是一个名为History的 HTML5 api ，它允许您更新当前页面 URL 和站点内容，而无需执行完全重定向。我鼓励您阅读这篇文章http://diveintohtml5.info/history.html并查看此 polyfill https://github.com/browserstate/history.js/以在加载其他页面段时操作 URI。