HTML 5 Web 存储数据新方法:localstorage和sessionstorage

HTML5 提供了两种在客户端存储数据的新方法：

localStorage - 永久性存储，遵循同源策略

sessionStorage - 当用户关闭浏览器窗口后，数据会被删除，不在不同的浏览器中共享，即使是同一个页面。

localStorage 方法：

优点：

localstorage作为本地存储数据使用，解决了cookie在存储空间上的不足（cookie存储空间为4k，而localstorage的存储空间为5M甚至更大）。
localstorage会将第一次请求的数据直接存储到本地，节约了宽带

局限：

浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性
localstorage的值类型被限定为string类型；
隐私模式下不可读取；
localstorage本质上是对字符串的读取，存储内容过多会消耗内存，导致页面变卡；
不能被爬虫抓取到

sessionStorage 方法：

针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

localstorage、sessionstorage与cookie之间的区别：

localstorage和sessionstorage的存储空间为5M甚至更大，cookie则小得多，仅有4k；
localstorage和sessionstorage仅保存在本地，而cookie数据始终在同源的http请求中携带，在客户端与服务端间来回传递（这也是cookie存储空间小的原因）。