zoukankan      html  css  js  c++  java
  • sessionStorage用于分页,瀑布流和存储用户数据等

    在手机网页开发中,会用到分页和瀑布流来分量显示数据。这里会遇到一个问题。当点击某条数据进入详情后,再按手机的返回键会到上一个页面,该页面是重新加载的。

    本人在微信里用内置的qq浏览器打开页面,window.history.back(),window.history.go()这些不说参数会重置,但a标签的target _blank,都无法办法,根本没有新开页面。

    于是只要用到sessionStorage了。

    sessionStorage是html5中类似于session,cookie的东西,能存储大量的数据,会随着访问的终止而消亡。

    //第一次调用的函数与第二调用的函数是有区别的。在ScrollList中需加上如下js,
    //strSearch 为生成好的html,需拼接在原来数据的后面
    //这里分别定义sessionStorage.data1记录之前的数据 ,sessionStorage.PageIndex1记录之前的页数。
    
    if (strSearch != "")
        {
            var data = $("#List").html();
            strSearch = data + strSearch;
            $("#List").html(strSearch);
            sessionStorage.data1 = strSearch;
            sessionStorage.PageIndex1 = P_intPageIndex;
        }
    function GoHistory()
    {
        P_intPageIndex = sessionStorage.PageIndex1;  
        $("#List").html(sessionStorage.data1);
        sessionStorage.clear();
    }
    
    function StartJs()
    {
    
            if (typeof (sessionStorage.data1) == "undefined")
            {
                List();
            }
            else
            {
                GoHistory();
            }
    
    }
    StartJs();
  • 相关阅读:
    【Java例题】8.1手工编写加法器的可视化程序
    【Java例题】7.6文件题3-文本文件统计
    【Java例题】7.4 文件题1-学生成绩排序
    【Java例题】7.5 文件题2-学生成绩统计
    【Java例题】7.3 线程题3-素数线程
    Map
    sql常用函数
    面向对象的理解
    attr
    webService之wsdl文档
  • 原文地址:https://www.cnblogs.com/ghelement/p/4511990.html
Copyright © 2011-2022 走看看