HTML5本地存储WebStorage

  • A+
所属分类:菜鸟听课

HTML5中,除了CANVAS元素外,另一个新增的非常重要的功能就是可以在本地客户端储存数据的WebStorage。

在HTML4中我们使用cookies在客户端保存用户名等等一些简单的用户信息。

cookies的缺点:

  1. 大小限制在4KB;
  2. 宽带浪费;
  3. 难以操作;

为了解决这样一些问题,在HTML5中重新提供了在客户端保存数据功能,就是我们的WebStorage。

临时保存

就是把数据保存在session对象中。

session就是在打开网站到关闭网站之间要求进行保存的数据。

  • sessionStorage
    1. 临时数据保存用法:
      sessionStorage.setitem(“key”,value);
    2. 临时数据读取方法:
      变量=sessionStorage.getitem(“key”);

永久保存

就是将数据保存在客户端本地的硬件设备上面,如果浏览器被关闭,这个数据不会丢失,下次打开可以继续使用。

  • localStorage
    1. 永久数据保存方法:
      localStorage.setItem(“key”,value);
    2. 永久数据读取方法:
      变量=localStorage.getitem(“key”)
  • 我的微博
  • 这是我的微博扫一扫
  • weinxin
  • 微信公众号
  • 微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

签到

目前评论:1   其中:访客  1   博主  0

    • avatar rongyao 3

      签到成功!签到时间:今日的‎9‎:‎12‎:‎04,每日打卡,生活更精彩哦!