无缝加载网页

Question

我已经看到一些网站，包括页面之间的良好过渡，如滑动或褪色，等等。这些我看到的大部分实际上是一个网页，只是过渡的各个部分。然后我偶然发现了一个不同的网站。

如果您查看本站并单击不同的页面，页面转换会很顺利，但是URL是不同的，而且它似乎不是一个有隐藏部分的页面站点。

这是怎么做的？我在寻找如何做这件事的解释，但始终没有找到一个好的答案。任何帮助，以确定这是如何做将是很好的。

注意:我想复制我构建的网站的这个特性，所以我正在寻找一个答案，它将解释这是如何编码的想法或过程。

Answer 1

您正在讨论的技术是使用history.pushState()，这是html5的一个非常新的特性。在MDN -操作浏览器历史记录上可以找到更多信息

Answer 2

这个页面从页面A->页面B移动的技巧包括三个主要步骤：

1. 加载整个页面B，或者只加载与页面A不同的内容(可能使用XMLHttpRequest)。
2. 在更改的内容中交换内容(例如更新主体、.)
3. 使用页面B的URL更新浏览器地址栏，而不使用名为HTML5的特定pushState历史记录方法刷新页面。