html5本地存储功能_JS/JQuery

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 临时存储，适合一些比较敏感的信息。