网址更改为动画

2013-03-12 113 views 0 likes

我在谷歌网站上发现，他们意识到网址更改无需重新加载整个页面。示例：您位于www.googleio.com/first 单击按钮将URL更改为www.googleio.com/first/second 内容“第一次”随着向左过渡消失，而内容“第二个“与另一个转换出现。该页面不会重新加载。这是如何完成的？网址更改为动画

有人告诉我，您使用的JavaScript函数“标题（‘位置：../second’）”，这是浏览器类型的网址进入后adressbar中止，但他重新加载之前。您只是让新内容与其他一些javascript一起显示。这是真的？我无法找到任何关于这个。还是有其他解决方案吗？

thx很多！

来源

2013-03-12 BigX_Jazz

回答

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

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

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

pushState（您可以阅读有关here的更多信息）是一种HTML5功能，它类似于网站过去使用的散列（＃）。

来源

2013-03-12 19:29:18

请记住，如果你想使用它，你应该测试它以确保你的方法在旧版浏览器中很好地降级。 – 2013-03-12 19:30:46

网址更改为动画

回答

相关问题