在浏览页面时保持固定的标题(永远不会重新加载)

我发现一个网站对于所有页面都有相同的标题,这些页面在浏览页面时从不重新加载.标头加载一次后,它会保留在原位,其余的布局(内容和页脚)会在页面之间加载.它几乎就像你有一个框架集但不是.鼠标悬停在上方菜单上并单击任何项​​目,您将看到我的意思.

这种技术叫做什么？我想知道这个名字,所以我可以研究它并学习它.

谢谢.

在审核了您提交的网站后,我找到了一个javascript文件,正如许多人建议的那样,使用ajax将内容加载到页面中而不重新加载它,在加载网页后,脚本触发了一个hashchange,它改变了url以匹配你window.history.pushState按照@escapedcat的建议点击了一个,javascript也会处理动画并更改网页中某些元素的类以反映它的状态(更新等等).

代码是uglified但你仍然可以看到这是如何完成 链接

编辑

    
    


    

        
    
    

        this is the default content
    
    
    

    
    


    This is page 2

以上更改了url,你还需要进一步开发代码才能获得完整的功能即(后退按钮)

当使用pushState()/ onpopstate添加这种功能时,你可以通过'后'来引用页面而不是重新加载

编辑:

pushState()方法

正如文档所述,pushState方法接收3个参数,一个包含与新历史条目,页面标题和页面URL相关联的序列化信息的状态对象,每次用户导航到新的历史条目时,弹出popstate方法并且状态更改表示当前状态