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()+days*24*3600*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;
	}
	
};























你可能感兴趣的:(js)