转载:http://www.cnblogs.com/flash3d/archive/2013/10/23/3384823.html实现目标页面的跳转(前进后退,点击等)不重新请求页面页面URL与页面展现内容一致(符合人们对传统网页的认识)在不支持的浏览器下降级成传统网页的方式使用到的APIhisto...
分类:
其他好文 时间:
2015-04-29 00:12:40
阅读次数:
135
关键字:historyapi+ajax+urlroute检测history api是否兼容: function supports_history_api() { return !!(window.history && history.pushState); }1、historyapi 1)先熟...
分类:
移动开发 时间:
2015-03-17 19:33:26
阅读次数:
394
引入history.pushState的来龙去脉大家都知道web2.0以来,大家都喜欢使用ajax来请求数据,提高用户体验,但是传统的ajax可以无刷新改变页面内容,但无法改变页面URL,无刷新的改变页面内容而url没有改变导致搜索引擎无法抓取改变的页面内容。为了提高可访问性,大家想了各种方法,比如...
分类:
Web程序 时间:
2015-01-09 20:44:09
阅读次数:
145
关于window的history对象:今天用到了几个方法:$(window).on('popstate', _popstateHandler);注册抛出记录事件(history.go(-1));window.history.pushState(J.Util.parseHash(ehash),"",e...
分类:
其他好文 时间:
2015-01-06 22:52:50
阅读次数:
198
浏览器的支持情况:平台浏览器history API支持情况IOS4.2-4.3*,5.0+Android2.2,2.3,4.04+Chrome for AndroidAll versionsInternet Explorer10+(windows phone8) 1 var useHash = f....
分类:
其他好文 时间:
2014-12-30 21:55:59
阅读次数:
238
可以解决什么问题:可以实现网页的ajax加载,同时又能完成URL的改变而没有网页跳转刷新的迹象,就像是改变了网页的hash(#)一样。优于hash:避免了改变hash的问题,避免了用户不理解URL的形式感到疑惑,同时还有onpopstate提供监听,良好响应后退前进。而且它不需要这个URL真实存在。...
分类:
Web程序 时间:
2014-12-19 14:20:30
阅读次数:
153
//主要行为和方法如下: history.pushState(), history.replaceState() window.onpopstate事件 使用方式 if?(!!(window.history?&&?history.pushState))
?{???
???//?支持History?API
????var?...
在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问,是什么有这么强大的功能呢?HTML5里引用了新的API,就是history.pushState和history.re...
暂时没啥心得,直接上例子。 1 2 3 4 fasd 5 6 25 26 27 28 129 1****130 2****231 3****332 4****433 5****534 6****635 参考:http://yansong.me/2013/01/11/learning-hist...
分类:
Web程序 时间:
2014-11-13 20:36:46
阅读次数:
226
以Html5 History API为关键词搜索,会得到很多结果,我仅根据自己的使用整理。1、两个APIpushState和replaceState。pushState向浏览器历史记录里增加一个状态,供浏览器后退前进时使用,用法history.pushState(data, '页面标题', url)...