web存储

Cookies

        存储到浏览器(客户端)中，发给服务器读取，同一服务器可以共享cookies产生于服务器端   4KB

特点：

• 数据持久型，即数据在浏览器关闭时才删除

• 不需要任何服务器资源，因为cookie是存储在客户端并发送给服务器读取

• 可配置到期，控制cookie的生命周期，使之不会永远有效，偷盗者可能拿到的是过期的cookie

                方法：

                        set() 

                        get() 

                        remove()

    //引入cookie
    <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/latest/js.cookie.js"></script>
    // 设置内容        第三个参数：七天过期
    Cookies.set("name","terry",{expires:7})
    // 获取内容
    console.log(Cookies.get("name"));
    // 清空内容
    removeCookies("name");

webStorage

        1.sessionStorage  

                        会话存储，选项卡浏览器关闭，会话失效  ——推荐使用

                                方法：

                                      setItem('name','zs');

                                       getItem('name');

                                        clear('name');   //清空属性值

                                        removeItem('name');       //全部清空

//创建
sessionStorage.setItem('name','zhangsan')
//获取
sessionStorage.getItem('name')
//移除
sessionStorage.remove('name')
//清空
sessionStorage.clear()

        2.localStorage

                本地存储对象，只能存字符串，在本地磁盘中手动清除，不会随会话消失，浏览器选项卡关闭之后都不会影响                 

                        方法：

                                       setItem('name','zs');

                                       getItem('name');

                                        clear('name');   //清空属性值

                                        removeItem('name');       //全部清空

使用与webStorage 相似