本地存储之localStorage

localStorage 本地存储 、对象、存数据 、取数据

1. 存储的数据量在20M左右

2. localStorage 是window下面的属性，用的时候可以省略window

3. 数据只能存储字符串类型的

4. localStorage没有过期时间，只要不删除就永远存在

5. 同一个浏览器的不同窗口数据可以通用

6. 不同的浏览器之间的数据不能通用

   localStorage 的使用方式：
   
   01.存数据：localStorage.setItem('数据的名字','数据');
   02.取数据：localStorage.getItem('数据的名字');
   　　注意：如果获取的数据不存在，返回的是null
   03.删数据：localStorage.removeItem('数据的名字');
   04.清空数据：localStorage.clear();
   
   示例：
   　
   //随意存几个数据进去　　　　
   
        localStorage.setItem('abc','efg');
        localStorage.setItem('qwe','hj');
        localStorage.setItem('sdf','fgh');
        localStorage.setItem('hj','dsfsdf');
   
   　//先判断一下数据是否存在 存在的话再去取
   
        if(localStorage.getItem('abc')){
        　　alert(localStorage.getItem('abc'));
        }
   
   　　//删除数据
   
        setTimeout(function(){
       　　 localStorage.removeItem('abc');
        },2000)
   
   　　//清空数据
   
        setTimeout(function(){
        　　localStorage.clear();
        },2000)
   
   　　//存数组的形式存数据
   
        // JSON.stringify() 将对象转换成字符串
        // JSON.parse() 将对象字符串转换成对象
   
        localStorage.setItem('arr',JSON.stringify([1,2,3]));
   
        console.log(JSON.parse(localStorage.getItem('arr')));