页面本地存储localStorage和sessionStorage

对于浏览器来说web Storage存储键值比存储Cookie的方式更加直观,而且容量更大,它包含两种:localStorage和sessionStorage.

1.  sesstionStorage(临时存储):为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面加载
2. localsSorage(长期存储):与sessionStorage一样,当浏览器关闭后,数据依然存在.

sesstionStorage和localStorage的用法的基本相同,引用类型的值转换成JSON.

1.保存数据到本地

 const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
   //以字符串存储相关数据,建为'key',键值为:'info{}'.
    sessionStorage.setItem('key', JSON.stringify(info)); 
    localStorage.setItem('key', JSON.stringify(info));

2.从本地存储获取数据

    从本地取出键为'key'的键值
    var data1 = JSON.parse(sessionStorage.getItem('key'));
    var data2 = JSON.parse(localStorage.getItem('key'));

3.删除本地某些存储的数据

    删除键名为'key'的本地数据
    sessionStorage.removeItem('key');
    localStorage.removeItem('key');

4.删除所有保存的数据

  //清除本地所有的数据
   sessionStorage.clear();
    localStorage.clear();