javascript - 网址随动画变化

Question

我在谷歌网站上发现，他们实现了 url 更改而无需重新加载整个页面。示例：您在 www.googleio.com/first 点击一个按钮 url 更改为 www.googleio.com/first/second 内容“first”随着向左的过渡而消失，“second”的内容与另一个一起出现过渡。页面没有重新加载。这是怎么做的？

有人告诉我，您使用 Javascript 函数 'Header("Location: ../second")'，它在浏览器将 url 输入地址栏后中止，但在他重新加载之前。您只是让新内容与其他一些 javascript 一起出现。这是真的？我找不到任何关于此的信息。还是有其他解决方案？

多谢！

Answer 1

这看起来不像是实际的页面重新加载，而是将 AJAX 与 pushState 路由器一起使用。

实际发生的情况是您的浏览器正在进行 AJAX 调用以获取下一页，然后在收到它时显示它。

它使用 HTML5 pushState 功能来更新 URL。

pushState（您可以在此处了解更多信息）是一种 HTML5 功能，类似于网站过去使用的哈希 (#)。