如何在点击其他页面时阻止我的标题“重新加载”?

时间:2012-10-14 15:43:19

标签: jquery header

我是一位相对较新的网页设计师。我有一个问题,我无法弄清楚如何表达我希望我可以得到一些帮助!我想知道如何做到这一点,所以当用户点击我网站上的另一个页面时,我的标题不会“重新加载”。一个很好的例子是在“Invisible Creature”的网站上(特别是这里:http://www.invisiblecreature.com/#/work/all/hexapillar)。当您单击不同的链接时,标题会保持加载状态(它不会像在大多数网站上那样“变白”)。对不起,如果它有点混乱 - 我很难把我的想法变成文字。非常感谢!! : - )

1 个答案:

答案 0 :(得分:2)

  1. 构建网站以使其正常工作(包括重新加载共享内容)
  2. 设置站点的服务器端部分,以便您可以请求普通页面,或者使用修改后的URI,只需要内容。
  3. 使用JavaScript设置事件处理程序,以便在激活链接时进行测试,以查看它是否是您网站上的其他网页或其他位置。
  4. 如果是您网站上的网页:preventDefault,请使用XMLHttpRequest获取网页内容和DOM,以使用新内容替换网页的内容部分
  5. 使用pushState将网址更改为链接转到的网址
  6. 设置popstate事件处理程序,以便在用户按“返回”时呈现正确的内容。
  7. 如果浏览器不支持任何XHR,pushState等,请确保使用feature detection回退到常规链接。