H5的本地存储

H5本地存储API中有localStorage和sessionStorage，区别在于sessionStorage在 关闭页面后就会清空，而localStorage 会一直保存。

1、localStorage API 基本使用方法

保存数据语法：

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

读取数据语法：

let data = localStorage.getItem("key");

删除数据语法：

localStorage.removeItem("key");

遍历 key 键值方法:

for(let i=localStorage.length - 1 ; i >=0; i--){
       console.log('第'+ (i+1) +'条数据的键值为：' + localStorage.key(i) +'，数据为：' + localStorage.getItem(localStorage.key(i)));
}

清空全部数据:

localStorage.clear();

2、sessionStorageAPI 基本使用方法

保存数据语法：

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

读取数据语法：

let data = sessionStorage.getItem("key");

删除数据语法：

sessionStorage.removeItem("key");

遍历 key 键值方法:

for(let i=sessionStorage.length - 1 ; i >=0; i--){
       console.log('第'+ (i+1) +'条数据的键值为：' + sessionStorage.key(i) +'，数据为：' + sessionStorage.getItem(sessionStorage.key(i)));
}

清空全部数据:

sessionStorage.clear();