web存储(webStorage)

目录

sessionStorage（会话存储）

localStorage（本地存储）

---

Web Storage又分为两种： sessionStorage 和localStorage ，即这两个是Storage的一个实例。从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地。存储内容大小一般支持5MB左右（不同浏览器可能还不一样）

sessionStorage（会话存储）

• 添加数据

SessionStorage.setItem('key', 'value');

 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。

• 获取数据

SessionStorage.getItem('key');

该方法接受一个键名作为参数，返回键名对应的值。如果获取不到对应的值，则返回的值为null

• 删除数据

SessionStorage.removeItem('key');

 该方法接受一个键名作为参数，并把该键名从存储中删除。

• 删除全部数据

SessionStorage.clear()

该方法会清空存储中的所有数据。

localStorage（本地存储）

• 添加数据

localStorage.setItem('key', 'value');

 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。

• 获取数据

localStorage.getItem('key');

该方法接受一个键名作为参数，返回键名对应的值。如果获取不到对应的值，则返回的值为null

• 删除数据

localStorage.removeItem('key');

 该方法接受一个键名作为参数，并把该键名从存储中删除。

• 删除全部数据

localStorage.clear()

该方法会清空存储中的所有数据。