USATODAY过渡效果与网址更改

Question

对不起我的头衔，我不知道怎么问这个...... 如果您访问www.usatoday.com并且如果您点击任何链接有一个转换（很酷）我想询问是否有人知道如何更改网址示例：

你点击/ news /你正在/ sports /它进行转换，因为它是一个滑块，但是网址会改变，因为它是另一个页面......

如果有人理解想要问的内容，那将会非常有帮助。

对不起我的英文不好

Answer 1

我认为usatoday网站是完整的Javascript应用程序或说一页应用程序。所以没有实际的重载。

URl更改是HTML5中提供的新功能，可以通过javascript更改浏览器*中显示的URL，而无需重新加载页面。它还将创建一个后退按钮事件，您甚至可以拥有一个可以与之交互的状态对象。

这意味着如果你想为你的AJAX应用程序添加状态，你就不必再使用hash-hack了，搜索引擎也可以为你的页面编制索引。

window.history.pushState("object or string", "Title", "/new-url");

您可以使用History.js使此功能与HTML4浏览器兼容。

Answer 2

它们实际上并不是链接，因为它们将浏览器指向新的URL。它们基本上得到了标题区域（有点静态）和内容区域，它是通过Ajax调用动画和动态加载的。

基本上，一切都是在浏览器/客户端使用Javascript完成的，并使用服务器端的Web服务返回要显示的实际内容。

Answer 3

一个月前我找到了解决方案。它可以使用History API完成。

可在此处找到一个很好的解释：http://diveintohtml5.info/history.html

最好的问候。