localStorage/sessionStorage本地存储localStorage/sessionStoragelo

本地存储localStorage/sessionStorage

localStorage的特点

1 是一个浏览器自带的存储空间

2 能够存储大概5M左右

3 除非手动清除,一直存在

4 前端操作

5 localStorage的键值对都是字符串

6 网络请求不会携带

sessionStorage的特点

1 是一个浏览器自带的存储空间

2 能够存储大概2M左右

3 会话时效,一旦关闭浏览器就消失了

4 前端操作

5 sessionStorage的键值对都是字符串

6 网络请求不会携带

操作localStorage/sessionStorage

增

window.localStorage.age619 = "hello619";

window.localStorage.setItem('age618','京东618') ;

删

window.localStorage.removeItem('age619');//删除某个键值对

window.localStorage.clear();//删除所有键值对

改

覆盖设置

查

localStorage.getItem(key)

遍历当前域名下的本地存储键值对

for(var i=0;i<localStorage.length;i++){
    var key = localStorage.key(i);//获取键
    var value = localStorage.getItem(key);//获取值
    console.log('当前的键值'+key+",对应的值是"+value)
}