Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无缝加载网页_Javascript - Fatal编程技术网

Javascript 无缝加载网页

Javascript 无缝加载网页,javascript,Javascript,我见过一些网站在页面之间有很好的过渡,比如滑动或褪色等。我见过的大多数网站实际上都是一个页面,只是过渡了不同的部分。然后我发现了一个网站,它做的不同 如果您查看并单击不同的页面,页面将平稳过渡,但URL不同,并且看起来不是一个带有隐藏部分的页面站点 这是怎么做到的?我寻找关于如何做到这一点的解释,但从未找到一个好的答案。在决定如何做到这一点上,任何帮助都将是巨大的 注意:我希望为我创建的网站复制此功能,因此我希望找到一个答案,解释如何编码此功能的想法或过程。您所谈论的技术是使用history.p

我见过一些网站在页面之间有很好的过渡,比如滑动或褪色等。我见过的大多数网站实际上都是一个页面,只是过渡了不同的部分。然后我发现了一个网站,它做的不同

如果您查看并单击不同的页面,页面将平稳过渡,但URL不同,并且看起来不是一个带有隐藏部分的页面站点

这是怎么做到的?我寻找关于如何做到这一点的解释,但从未找到一个好的答案。在决定如何做到这一点上,任何帮助都将是巨大的


注意:我希望为我创建的网站复制此功能,因此我希望找到一个答案,解释如何编码此功能的想法或过程。

您所谈论的技术是使用
history.pushState()
,这是html5的一个全新功能。更多信息请参见

本页从A页-->B页移动的技巧包括3个主要步骤:

  • 加载整个页面B或仅加载与不同的内容 页面A(可能使用XMLHttpRequest)

  • 交换已更改的内容(例如更新正文等)

  • 使用页面B的URL更新浏览器位置栏,不带 使用一个名为 pushState


  • 您好,我认为这属于超级用户,因为这不是一个编程问题。@Sustictus-您是如何得到它的?我在问这是怎么做到的。IE:javascript代码或解释,以便我可以尝试复制效果。我编辑了我的问题。很酷!我得调查一下。谢谢你的回答。有关这一点以及它在不支持pushState()的浏览器中如何工作的更多信息,请参阅,原因与我推荐的相同:我正要发布相同的链接。如果您不介意放弃对IE 9及以下版本的支持,我不明白为什么现在不能使用它。=>在这种情况下,你完全可以使用它。