js 本地缓存localStorage和sessionStorage 用法和区别
定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。sessionStorage 数据保存在当前会话中,该数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。保存数据语法localStorage.set
·
定义和使用
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。
sessionStorage 数据保存在当前会话中,该数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
保存数据语法
localStorage.setItem(“key”, “value”);
sessionStorage .setItem(“key”, “value”);
读取数据语法:
var lastname = localStorage.getItem(“key”);
var lastname = sessionStorage .getItem(“key”);
删除数据语法:
localStorage.removeItem(“key”);
sessionStorage .removeItem(“key”);
下面写个方法把两个封装一起方便开发使用
var SaveData=function(){};
SaveData.prototype={
/**保存数据到本地
* 参数 k
* 参数 v
* 参数 flag 为true时表示是sessionStorage保存,其他则为localStorage保存
*/
storageSaveData:function(k,v,flag){
if(flag==true){
sessionStorage.setItem(k,v);
return true;
}
localStorage.setItem(k,v);
return true;
},
/**
* 获取本地数据
* 参数 k
* 参数 flag
*/
storageGetData:function(k,flag){
if(flag==true){
return sessionStorage.getItem(k);
}
return localStorage.getItem(k);
},
/**
* 清除本地数据中的值
* 参数 flag
* 参数 k
* returns {boolean}
*/
storageClearData:function(flag,k){
if(flag==true){
if(checkTool.validVar(k)){
sessionStorage.removeItem(k);
}else{
sessionStorage.clear();
}
return true;
}
if(checkTool.validVar(k)){
localStorage.removeItem(k);
}else{
localStorage.clear();
}
return true;
},
}
var SaveData=new SaveData();
更多推荐

所有评论(0)