H5的Web存储有三个，(详细介绍localStorage)

H5的Web存储

H5的Web存储有三个，分别是:cookie,localStorage,sessionStorage

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、cookie的特点？

cookie可以设置时间,内存为几kb

二、localStorage的特点

localStorage：只要不手动清除，就会一直存在，内存为几Mborage
localStorage若存数据，要用setItem

三、sessionStorages的特点

浏览器关闭就会清除掉,内存为几Mb

四、setItem的用法

setItem的作用为取值，搭配localStorage使用
setItem(key,value) key：存储的名字 value:存储的值

1.引入库

代码如下（示例）：

  document.getElementById('save').onclick = function () {
      localStorage.setItem('name', 'zs')//Storage {name: 'zs', length: 1}
      localStorage.setItem('age', 12)//Storage {age: '12', name: 'zs', length: 2}
      localStorage.setItem('age', 18)//Storage {age: '18', name: 'zs', length: 2}

## 2.读入数据

代码如下（示例）：

```javascript
        var obj = {
            name: '1s',
            age: 18
        }
        var arr = [1, 2, 3]
    }
    // console.log('object', JSON.stringify(obj));
    //取数据用getItem(key) key:存储的名字
    console.log(localStorage.getItem('name'));//zs
    console.log(localStorage.getItem('age'));//18
    console.log(localStorage.removeItem('name'));
    console.log(localStorage.removeItem('age'));
    localStorage.clear()

五、getItem的用法

getItem为取数据的作用，getItem(key),key为存储的名字

```javascript
        var obj = {
            name: '1s',
            age: 18
        }
        var arr = [1, 2, 3]
    }
    // console.log('object', JSON.stringify(obj));
    //取数据用getItem(key) key:存储的名字
    console.log(localStorage.getItem('name'));//zs
    console.log(localStorage.getItem('age'));//18

六、removeItem的用法

removeItem为删除某一个数据的作用
removeItem(key) key为存储的名字

   var obj = {
       name: '1s',
       age: 18
   }
   var arr = [1, 2, 3]
    }
   console.log(localStorage.removeItem('name'));
   console.log(localStorage.removeItem('age'));

六、clear()的用法

clear()清除的作用,作用为清除全部

  localStorage.clear()

---

总结

提示：这里对文章进行总结：

以上就是全部的内容