HTML5 localStorage的基本使用

HTML5 localStorage的基本使用:

设置:
	localStorage.setItem(key,value);
读取:
	localStorage.getItem(key)
删除指定key:
	localStorage.removeItem(key)
删除全部
	localStorage.clear()
获取指定键名:
	localStorage.key(i)

	localStorage智能存储字符串
	备注:如果存储对象 json等 需要先序列化成字符串
	
var userInfo={'name':"zhaoxinglu",'age':23,"sex":1};
var str_userinfo = JSON.stringify(userInfo);
localStorage.setItem('user',str_userinfo);

JSON转字符串: user = JSON.stringify(userInfo);
字符串转JSON:JSON.parse(user);

//普通调用的两个事件
localStorage.js
var Custom_localStorage={
set:function(key,value){
var item={
data:value
}
localStorage.setItem(key,JSON.stringify(item));
},
get:function(key){
var val=localStorage.getItem(key);
if(!val) return null;
val=JSON.parse(val);
return val;
}
};

//时间判定
var Custom_localStorage={
//添加缓存时间:天 单位
set:function(key,value,days){
var item={
data:value,
//endTime:new Date().getTime()+days243600*1000

	};
	localStorage.setItem(key,JSON.stringify(item));
},
get:function(key){
	var val=localStorage.getItem(key);
	if(!val) return null;
	val=JSON.parse(val);
	if(new Date().getTime()>val.endTime){
		val=null;
		localStorage.removeItem(key);
		return null;
	}
	return val.data;

},
remove:function(key){
	localStorage.removeItem(key);
	return null;
},	
removeAll:function(key){
	localStorage.clear();
	return null;
}

};

猜你喜欢

转载自blog.csdn.net/qq_17040587/article/details/84974187