HTML5 localStorage 存储

localStorage 是 HTML5 中新增的一种本地存储功能，localStorage 和 cookie相比具有存储容量更大和操作简单等优点。cookie 的单个存储容量一般最大不能超过4KB，而 localStorage 一般最大为 5MB。

使用方法

保存：

localStorage.setItem(key, value);  //  保存数据，接收键名和键值
localStorage.setItem(email, '12345678@qq.com');  //  保存一个123456789@qq.com的email

读取：

localStorage.getItem(key);  //  读取数据，接收一个键名，返回保存的文本内容，如果为找到 返回null
localStorage.getItem('email');  //  读取刚才保存的email

删除：

localStorage.removeItem(key);  //  删除指定键名的数据，接收一个键名
localStorage.removeItem('email');  //  删除刚才保存的email
localStorage.clear();;  //  删除所有，只会删除此域名下的

以上就是常用的 localStorage 方法。不过因为 localStorage 只能保存字符串，所以如果要存储 JSON 就需要先把 JSON 转换为字符串，而且读取的时候也需要把读取的字符串转换为 JSON。localStorage 是 HTML5 新加入的功能，只有支持 HTML5 的浏览器才可以使用 localStorage。

下面是一些常用的localStorage功能：

以上就是关于 HTML5 localStorage 的简单使用。