本地存储:cookie、sessionStorage、localStorage

存储分为两类：一是localStorage（本地存储）,存储的数据没有过期时间，二是sessionStorage(会话存储)，存储的数据会在浏览器会话结束时被清楚（即浏览器关闭时）

sessionStorage和localStorage为window属性，它们提供操作数据的方法完全相同。

添加数据：

window.sessionStorage.setItem("key","value");

key为键(变量名)，value为值(赋给变量的值)。

如果多次给key赋值，则会覆盖前一个的值；

1. localStorage.setItem("name","john"); //设置name为john

2. localStorage.setItem("name","john1"); //覆盖之前的值，现在name所对应的值是john1

获取数据：

window.sessionStorage.getItem("key");

对于访问Storage对象还有更简单的方法，根据“键”和“值”的配对关系，直接在sessionStorage对象上设置和获取数据，可完全避免调用setItem()和getItem()方法。

window.sessionStorage.key="value";

移除数据：

window.sessionStorage.removeItem("key");

清空数据:

window.session.clear(); 不接受参数，清空存储对象里的所有数据。

cookie、sessionStorage、localStorage的区别：

1、cookie 存储量小 受到限制，设置过期时间删除，前后端自动同步

2、localStorage 存储量大，需手动删除

3、sessionStorage 临时存储，关闭浏览器自动删除