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的存储信息无法共享,仅适用于当前页面。