• 原生js--客户端存储的种类


    客户端存储遵循同源策略,不同的站点页面之间不可以相互读取对方的数据,但同一站点的不同页面之间可以共享存储的数据

    客户端存储的种类:

    1、web存储

      localStorage、sessionStorage

    2、cookie

    3、userData(IE)

    4、web数据库(尚未标准化)

      索引数据库API(indexed Database API)

    5、文件系统API

      用于将文件通过XHR上传到服务器

    主要看了localStorage和sessionStorage

    区别:

      1、存储的有效期。localStorage为永久存储,除非用户手动删除;sessionStorage为会话存储,页面关闭之后就消失。

      2、作用域:localStorage限定在文件源的级别,只要是同源的页面,都可以共享数据;sessionStorage只能再窗口级别共享数据(窗口为顶级窗口,顶级窗口和子窗口之间可以共享sessionStorage的数据)。

    API:

      setItem(“x”, 1)// 设置

      getItem(“x”)// 获取

      remoItem(“x”)// 删除

      clear()// 删除全部

      key(i) // 获取第i个数据的key

    存储事件:

      使用localStorage存储数据时,在当前页面存储,会在其他同源页面中触发存储事件(只有存储数据真正发生变化时才会被触发)

      注册存储事件可以使用addEventListener或attachEvent的方法(绝大多数浏览器还可以使用onstorage的方法,但firefox不支持)

    事件对象:(IE8不支持)

      key // 被设置或移除的项的键,如果是调用的clear,则该值为null

      newValue // 保存该项的新值,如果是删除,则该值为null

      oldValue // 改变之前的值,如果是新项,则该值为null

      storageArea // localStorage、sessionStorage等

      url // 触发该存储事件的文档url

  • 相关阅读:
    springboot热部署
    maven换仓库地址
    floyd求最小环+例题(hdu1599)
    矩阵乘法+folyd(hdu2807)
    TSP问题+例题
    迪杰斯特拉模板题(迪杰斯特拉模板)
    小w的糖果
    DongDong坐飞机
    DongDong跳一跳
    主席树入门
  • 原文地址:https://www.cnblogs.com/charling/p/3581752.html
Copyright © 2020-2023  润新知