了解WebStorage：浏览器中存储数据的新方式

在HTML5中，除了canvas元素外，另一个新增的重要功能就是在客户端本地保存数据的WebStorage功能。Web应用的发展使得客户端的功能也越来越多，客户端需要处理的数据也越来越多，因此有必要实现客户端的存储功能。实现客户端存储的方式多种多样，HTML5之前最简单而且兼容性最好的方案是cookies，但是作为真正的客户端存储，cookies还存在一些不足如下：

①cookies的大小被限制在4KB；

②cookies是随HTTP发送的，使用时会占用带宽；

③cookies操作起来比较复杂，因为所有的信息要拼到一个长字符里面；

④对于cookies，在相同站点与多事物处理保持联系不是很容易。

HTML5提供了一种新的在客户端保存数据的功能，即WebStorage功能。顾名思义，WebStorage就是在Web上存储数据的功能，而这里的存储是针对客户端本地而言的。它包含两种不同的存储类型：SessionStorage和LocalStorage。不管是sessionStorage还是localStorage，它们都支持在同域下存储5MB数据。下面简单介绍sessionStorage和localStorage。(www.xing528.com)

1.sessionStorage

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

2.localStorage

将数据保存在客户端本地的硬件设备中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。

这两种不同的存储类型的区别在于，SessionStorage为临时保存，而LocalStorage为永久保存。