如何通过JavaScript利用localStorage进行数据存储？

本文共计1135个文字，预计阅读时间需要5分钟。

背景：以前js都是用Session和Cookie来存储信息，我还记得那个时候，一问同事，大家都没有新的solution。才知道现在已经有HTML5的localStorage这个本地存储的东西，可以在浏览器端存储数据。

背景

以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储 这个东西，可以在浏览器端储存数据。

记得最早的Cookies只能存很小的东西，4KB的样子，并且安全性很差，在IE6时代一个域名也只能二十个Cookies吧，限制挺大，当然IE还有userData的东西，没什么用。Flash也带了一个Storage，相对比较大，空间是Cookie的25倍左右，当时现在也废弃Flash了。

到了H5时代，就统一了，LocalStorage一统天下。官方建议是每个网站 5MB ，非常大了，虽然浏览器设置会有差异，但是一般就存些JSON或者字符串或者缓存来说，足够了。