jquery - 单击另一个页面时，如何阻止我的标题“重新加载”？

Question

我是一个相对较新的网页设计师。我有一个问题，我真的不知道如何表达我希望我能得到一些帮助！我想知道如何做到这一点，以便当用户单击我网站上的另一个页面时我的标题不会“重新加载”。一个很好的例子是网站上的“隐形生物”（特别是这里：http: //www.invisiblecreature.com/#/work/all/hexapillar）。当您单击不同的链接时，标题会保持加载状态（它不会像在大多数网站上那样“变白”）。对不起，如果这有点令人困惑 - 我很难把我的想法变成文字。非常感谢！！:-)

Answer 1

1. 构建站点以使其正常运行（包括重新加载共享内容）
2. 设置站点的服务器端部分，以便您可以请求普通页面，或者使用修改后的 URI 仅请求内容。
3. 使用 JavaScript 设置事件处理程序，以便在激活链接时测试它是否指向您网站上的另一个页面或其他地方。
4. 如果是到您网站上的页面：preventDefault然后使用 XMLHttpRequest 获取页面的内容并使用 DOM 将页面的内容部分替换为新内容
5. 用于pushState将 URL 更改为链接将转到的 URL
6. 设置一个popstate事件处理程序，以便在用户按下返回时呈现正确的内容。

如果浏览器不支持任何 XHR、pushState 等，请确保使用功能检测回退到常规链接。