UDN-企业互联网技术人气社区

板块导航

浏览  : 863
回复  : 1

[HTML5] HTML5之JS API-本地存储Web Storage

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-11 01:35:12 | 显示全部楼层 |阅读模式
本帖最后由 友美C_cup 于 2015-7-11 01:36 编辑

    今天我们来认识一下HTML5的本地存储,在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能就是客户端本地保存数据的功能,我们知道在过去本地存储数据基本都是使用cookies保存一些简单的数据,但是通过长期的实际使用下来,咱们不难发现使用cookies存储永久数据存在一下几个问题:

    1、cookies的大小被限制在4KB;
    2、cookies是随HTTP事务一起发送的,因此会浪费一部分发送cookies时所使用的带宽;
    3、cookies操作繁琐复杂;

    Web Storage是什么?
  
       
    Web Storage功能,顾名思义,就是在Web上针对客户端本地储存数据的功能,具体来说Web Storage分为两种;

    sessionStorage:
  

    将数据保存在session对象中,所谓session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。

    localStorage:


 将数据保存在客户端本地的硬件设备(通常指硬盘,当然可以是其他的硬件设备)中,即是浏览器被关闭了,该数据仍然存在,下次打开浏览器访问网站时,仍然可以继续使用。

    sessionStorage与localStorage区别:
 

    这两者的区别在于sessionStorage为临时保存,而localStorage为永久保存



相关帖子

发表于 2015-9-17 15:27:47 | 显示全部楼层
Very Good!
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部