HTML5 Web Storage学习

快速理解

web Storage是html5新增的数据存储方法，它与cookie之间的区别在于，

存储空间：cookie 的大小被限制在 4KB，Storage大小一般为 5~10MB，与具体浏览器有关；

网络消耗：只要涉及 cookie 请求都会携带cookie数据，消耗网络的带宽，Storage不会自动发送到服务器；

使用方面：Storage 提供了更丰富接口方便操作。

Storage不是cookie的替代品，是本地数据存储方法的补充。

详细介绍

Web Storage提供了两种存储类型 API：localStorage 和 sessionStorage。localStorage 生命周期长，除非主动手动删除，否则数据一直不会过期。sessionStorage生命周期短，当浏览器窗口被关闭时，sessionStorage对象保存的数据会被删除。

1.localStorage 

存数据

localStorage.setItem(key, value);

读数据

localStorage.getItem(key);

删除数据

localStorage.removeItem(key);

2.sessionStorage 

存数据，读数据

sessionStorage.pagecount

删除数据，没有接口。

应用场景

localStorage ,用户一些全局设置，比如语言等。