html5本地存储功能

H5的两个本地存储 localStorage 和 sessionStorage,两个都是用来存东西的,其中不同点是:

    localStorage 数据存储时间不限时长即永久存在本地(除非手动清楚)

    sessionStorage 浏览器临时会话即浏览器关闭后不再保留数据


localStorage 及 sessionStorage  简单用法

//存取 数据 

// var ls = localStorage; 两者用法是一样的
var ls = sessionStorage;
ls.setItem("key","存的数据"); //存储一个键名为key的数据内容为“存的数据”
ls.getItem("key"); //取出一个键名为key的数据,取出内容为“存的数据”
//存储的类型只能是字符串,如需存对象需转换
var obj = {
    a : 12123,
    b : [1,2,3],
    c : {
        x : 'a',
        y : ['bbb', 111, 'ccc', {a:1,b:2}],
        z : 3333
    }
};
//JSON.stringify() 解析成json字符串
ls.setItem("obj",JSON.stringify(obj));
ls.getItem("obj");
//取出结果为 一串json字符串{"a":12123,"b":[1,2,3],"c":{"x":"a","y":["bbb",111,"ccc",{"a":1,"b":2}],"z":3333}}
//如需正常使用这串josn,用JSON.parse()转成json对象即可
var jsonData = JSON.parse(ls.getItem("obj"));
// 这样就可以正常使用数据了
console.log(jsonData.a);//打印结果 12123

// 删除key
ls.removeItem('key');
ls.getItem("key"); //已经删除的数据获取则为null

两者的用法一致,只不过存储的生命周期不同。以便在适合的场合使用适合的存储方法

localStorage 永久保存,比较适合一些不需经常修改的,但又不想存服务器的数据,比如点赞判断,记住密码,自动登录等比较个人的数据。

sessionStorage 临时存储,适合一些比较敏感的信息。


分享

发表评论

提交评论

清空信息
关闭评论

评论列表

av atar
代写essay 2018-09-27 21:17:23
回复
感谢楼主的分享
 Windows 10   Chrome 69.0.3497.100