本地存储localStorage ，sessionStorage和cookie的设置，获取和移除

JavaScript中几种本地存储方式的介绍

1. localStorage

   • 特点：

     • 长期存储,除非手动删除否则会一直保存在浏览器中，清除缓存或者卸载浏览器也就没有了
     • 可以跨页面通讯, 也就是说在一个页面写下在另一个页面可以读取

   • 设置保存
     windows.localStorage.setItem(key,value)

     只能保存字符串类型的数据，其他类型的不能被保存

   • 获取
     window.localStorage.getItem(key)

     注意: 保存的是字符串类型,取出来的也是字符串类型

     • 返回值:
       • 如果localStorage 中有这条数据 拿到的就是这个条数据的值
       • 如果localStorage 中没有这条数据 拿到的就是 null

   • 移除
     window.localStorage.removeItem(key)

     作用: 就是删除localStorage中该条数据

2. sessionStorage

   • 特点：

     • 会话存储,就是浏览器关闭就没有了
     • 可以跨页面通讯但必须是本页面跳转才可以

   • 设置保存
     windows.sessionStorage.setItem(key,value)

     只能保存字符串类型的数据，其他类型的不能被保存

   • 获取
     window.sessionStorage.getItem(key)

     注意: 保存的是字符串类型,取出来的也是字符串类型

     • 返回值:
       • 如果sessionStorage中有这条数据 拿到的就是这个条数据的值
       • 如果sessionStorage中没有这条数据 拿到的就是 null

   • 移除
     window.sessionStorage.removeItem(key)

     作用: 就是删除sessionStorage中该条数据

3. cookie

   • 特点

     1. 只能存储字符串, 有固定的格式
        document.cookie = 'key=value'
     2. cookie 存储大小有限制,最多4KB 左右
     3. 存储的时效性
        默认是会话级别时效, 可以手动设置过期时间
     4. 操作必须依赖服务器
        本地打开的页面是不能操作 cookie，要求页面必须在服务器打开
     5. 跟随前后端请求自动携带
        只要 cookie 空间中有内容的时候，会在该页面和后端交互的过程中自动携带
     6. 前后端操作
        前端可以使用 JS 来操作，任何一个后端语言都可以操作
     7. 存储依赖域名
        哪一个域名存储, 哪一个域名使用，不能跨域名通讯