学学习网 手机版

学学习网

学习路径: 学习首页 > web开发 > html5 >

WEB开发之HTML5 Web Storage简介

设置字体:
----------------------------------
一、HTML5 Web Storage是什么?


HTML5中新增的重要功能可以在客户端本地保存数据便是Web Storage。在HTML4中我们是通过cookies在客户端保存网站用户名等信息,但是cookies的局限性也在长期的使用过程中被发现:
1. Cookies大小被限制在4KB。
2. Cookies随HTTP事务一起被发送,这样会浪费一部分带宽。
3. Cookies很难被操纵,因为它复杂。


二、HTML5 Web Storage的分类


为此HTML5提供了Web Storage—在客户端保存本地数据的方法,然而HTML5 Web Storage具体的来说它又分为两种。

1. sessionStorage:顾名思义,就是将数据保存在session对象中,在用户浏览某个网站是,从进入这个网站到浏览器被关闭的这段时间,也就是用户浏览这个网站所花费的时间。session对象可以用来保存这段时间内所要求保存的任何数据。

2. localStorage:将数据保存在客户端本地的硬件设备,可以是硬盘,也可以是其他硬件设备,即使浏览器被用户关闭,也能将数据保存下来,在用户在此进入网站是任然可以继续使用。

总体来说,Web Storage的两种存储方法的区别在于,sessionStorage为临时存储,localStorage为永久存储。
----------------------------------
课程列表
重点难点
赞助链接