您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

JavaScript实现无刷新后退功能(sessionStorage的读取与新增的封装)

发布时间：2018-06-26 23:03:15编辑：雪饮阅读（）

 下面的实例是对sessionStorage读取和新增的封装。

读取：只读取sessionStorage中最后添加的一条记录

新增:若是重复对象则新增失败

起源：自从html5引入的sessionStorage后操作起来比cookie方便多了，美中不足的是并不支持json，而json作为开发中最常用的数据故简单封装之

实例：

modal.historyManage=function(type,jsonData){

if(type == 'add'){

if(sessionStorage.pageHistory){

var Pages=JSON.parse(sessionStorage.pageHistory);

for(var i in Pages){

if(jsonData == i){return;}

}

Pages.push(jsonData);

var strPages=JSON.stringify(Pages);

 

sessionStorage.pageHistory=strPages;

}

else{

var Pages=[];

Pages.push(jsonData);

var strPages=JSON.stringify(Pages);

sessionStorage.pageHistory=strPages;

}

}

else{

var Pages=JSON.parse(sessionStorage.pageHistory);

return Pages[Pages.length-1];

}

}