HTML5技术

使用h5的history改善ajax列表请求体验 - 会编程的银猪(3)

字号+ 作者:H5之家 来源:博客园 2015-11-14 13:52 我要评论( )

1 // 当前第几页 2 var pageIndex = window.location.hash.replace("#page=", "") || 0 ; 3 function nextPage(){ 4 makeRequest(pageIndex); 5window.location.hash = "#page=" + pageIndex; 6 } 7window.addEvent

1 //当前第几页 2 var pageIndex = window.location.hash.replace("#page=", "") || 0; 3 function nextPage(){
4 makeRequest(pageIndex); 5 window.location.hash = "#page=" + pageIndex; 6 } 7 window.addEventListener("hashchange", function(){ 8 var page = window.location.hash.replace("#page=", "") || 0; 9 makeRequest(page); 10 });

      关于支持性,参考网站:history IE10及以上支持,hashchange的支持性较好,IE8及以上都支持。

      虽然hashchange的支持性较好,但是history的优点是可以传数据。对一些复杂的应用可能会有很大的发挥作用,同时history支持back/go操作。

 

参考:

Dive into html5: Manipulating Historyfor Fun & Profit

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

  • 对于Bootstrap的介绍以及如何使用 - novai-L

    对于Bootstrap的介绍以及如何使用 - novai-L

    2017-04-29 09:00

  • 在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    2017-04-28 15:00

  • 探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 - nzbin

    探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 - nzb

    2017-04-25 09:02

网友点评
=