USATODAY 转换效果与 url 更改答案

【问题标题】：USATODAY transition effect with url changeUSATODAY 转换效果与 url 更改
【发布时间】：2013-06-10 20:59:54
【问题描述】：

对不起我的标题，我不知道如何问这个...... 如果你去 www.usatoday.com 并且如果你点击任何链接有一个转换（很酷的）我想问是否有人知道如何更改 url 示例：

您单击 /news/ 并在 /sports/ 上进行转换，因为它是一个滑块，但 url 发生了变化，因为它是另一个页面...

如果有人明白 a 想问什么，那将非常有帮助。

PD对不起我的英语不好

【问题讨论】：

标签： jquery html

【解决方案1】：

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

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

这意味着如果您想将状态添加到您的 AJAX 应用程序，您将不再需要使用 hash-hack，并且搜索引擎也将能够为您的页面编制索引。

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

网站看起来非常漂亮和现代。我想知道他们是使用框架还是从头开始编写html5。
我看了一分钟就知道，它使用了 jQuery、Underscore.js、modernizr 和 require.js。他们似乎没有使用任何框架，因此他们可能为页面推出了自己的库。

【解决方案3】：

我在一个月前找到了解决方案。可以通过 History API 完成。

可以在这里找到很好的解释：http://diveintohtml5.info/history.html

最好的问候。

【讨论】：