H5本地存储localStorage、sessionStorage

 sessionStorage（临时存储）：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载，但是浏览器关闭后，数据将会清空

sessionStorage.setItem('key_1', "10");// 设置值

var key_a = sessionStorage.getItem('key_1'); // 取值

console.log(key_a);//10


sessionStorage.removeItem('key_1');// 删除

console.log(sessionStorage.getItem('key_1'));// null


sessionStorage.setItem('key_1', "10");// 设置值

sessionStorage.setItem('key_2', "20");// 设置值

sessionStorage.clear();// 清除所有键值

console.log(sessionStorage.key_1);// null

console.log(sessionStorage.key_2);// null


// 设置值和取值也可以使用.符号，类似于取对象属性

sessionStorage.key_3 = 12;// 设置值

var key_d = sessionStorage.key_3;// 取值

console.log(key_d);

 localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在

localStorage.setItem('key', 10);//设置值

var data2 = localStorage.getItem('key');//获取值

console.log(data2)//10


localStorage.removeItem('key');//删除特定值

console.log(data2)//null


localStorage.setItem('key1', 10);//设置值

localStorage.setItem('key2', 10);//设置值

localStorage.clear();//清空所有值

var data1 = localStorage.getItem('key1');//获取值

var data2 = localStorage.getItem('key2');//获取值

console.log(data1)//null

console.log(data2)//null