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;
}
};
HTML5 localStorage的基本使用
原创
©著作权归作者所有:来自51CTO博客作者Json2nd的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
html5 localStorage 实用
简单总结localStorage两种使用方法及在移动端遇到的数据丢失问题
html5 localstorage 移动端 -
html5的localStorage的操作
在客户端存储数据(localStorage &sessionStorage )Html5 提供了两种在客户端存储数据的新方法: loc
存储 html5 localStorage 数据 本地存储 -
HTMl5的sessionStorage和localStorage
HTMl5的sessionStorage和localStorage
本地存储 数据 代码示例 html5 封装 -
HTML5之localStorage、sessionStorage
一、localStorage用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除没有时间限制的数据存储(一)设置值1. localStor
localStorage sessionStorage 数据 获取值 标签页 -
HTML5 LocalStorage 本地存储
1.localStorage是什么localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。2.localStorage有哪些优点1. 存储空间存储空间 更大:IE8下每个独立的存储空间为10M,其他浏览器实现略有不同,但都比Cookie要大很多。2. 服务器存储内容不会发送到服务器:当设置了Cookie后,Cookie的内容会随着请求一并发送的服务器,这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地,不会与服务器发生任何交互。3.接口更多丰富易用的接口:Web Storage提供了一套更为丰富的接口,使得数据操作更为简便。4
html5 localStorage chrome sqlite 存储空间