码迷,mamicode.com
首页 > 其他好文 > 详细

sessionStorage用于分页,瀑布流和存储用户数据等

时间:2015-05-18 16:09:52      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

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

本人在微信里用内置的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();

 

sessionStorage用于分页,瀑布流和存储用户数据等

标签:

原文地址:http://www.cnblogs.com/ghelement/p/4511990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!