HTML5 Web Storage简介

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为永久存储。