标签：

1. Web Storage存储

　　HTML4在客户端存储数据通常使用Cookie存储机制将数据保存在用户的客户端，但使用Cookie方式存储客户端数据存在一系列的制约发展因素，如限制存储数据空间大小、数据安全性差等。

　　HTML5中新增两种数据存储方式：Web Storage和Web SQL Database。前者可用于临时或永久保存客户端的少量数据，后者是客户端本地化的一套数据库系统，可以将大量的数据保存在客户端，而无需与服务器交互。

　　Web Storage页面存储根据Web Storage API区分会话数据与长期数据，相应的API类型分为两种：

　　sessionStorage（保存会话数据）

　　localStorage（在客户端长期保存数据）

1.1 sessionStorage对象

　　sessionStorage对象保存数据实质的保存在session对象中，用户在打开浏览器时，可以查看操作过程中要求的临时数据，一旦关闭浏览器，所有使用sessionStorage对象保存的数据都将会丢失。

　　sessionStorage对象保存数据操作格式：

sessionStorage.setItem(key, value);

其中，key表示存储数据的键名，value表示存储数据的键值。

　　sessionStorage对象读取数据操作格式：

sessionStorage.getItem(key)

其中，key表示存储数据的键名，该方法将返回一个指定键名的键值，如果不存在，则返回null。

HTML5系列：HTML5本地存储

标签：

原文地址：http://www.cnblogs.com/libingql/p/4442397.html