localStorage和sessionStorage 的区别和用法

localStorage和sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 属性是只读的。

一、存储

window.localStorage.setItem('key',value) （通常需搭配JSON.stringify将value转化为JSON字符串）

二、读取

window.localStorage.getItem('key')（通常需JSON.pars来解析以上数据为对象）

三、删除

window.localStorage.removeItem('key')

localStorage的特点:

1.localStorage将数据存储在本地，可以直接获取，减少了客户端和服务器端的交互。

2.不参与和服务器的通讯，localStorage的值的类型限定为字符串类型。

3.数据对象没有过期时间。

sessionStorage与localStorage的区别:

localStorage属于永久性存储；sessionStorage属于临时性存储，存储的信息将随会话的结束而被清空。

同一浏览器中，相同的域名和端口下的不同页面中，localStorage的存储信息是可以共享的，sessionStorage的存储信息无法共享，仅适用于当前页面。