HTML5 web存储

1、web存储

HTML5提供了web存储，能够在客户端存储一些数据，这些数据仅在客户端中保存，不参与和服务器的通讯，主要分为如下两种存储：

localStorage ：生命周期是永久，除非用户清除，不然这些信息将永久存在。

sessionStorage：仅在当前会话下有效，关闭浏览器后被清除。

不一样浏览器没法共享sessionStorage和localStorage中的信息。

相同浏览器不一样页面的localStorage能够共享（遵循同源策略，跨域的不可），但不一样页面或标签页的sessionSorage没法共享。页面及标 签页仅指顶级窗口，若是一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是能够共享sessionStorage的。

 

相关API接口，sessionStorage的API与此相似
 //设置一项，这里的value是string，若是是数组或对象的须要使用JSON.stringfy()进行转换
localStorage.setItem(key, value);   

//获取 localStorage 项
let cat = localStorage.getItem(key);

//移除 localStorage 项
localStorage.removeItem(key);

//移除全部的 localStorage 项
localStorage.clear();

2、与cookie的区别

1.cookie须要参与到与服务器的通讯，会携带在HTTP头中

2.cookie在过时时间以前一直有效，即便窗口关闭

 

参考http://www.javashuo.com/article/p-ktqjhggg-nb.html

MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage