HTML5的Web存储涉及两部分内容，一是数据存储，支持更多本地存储方案；二是文件读取，支持了File API。

 

　　Web应用中数据存储有两种方式：一是Web服务器，二是客户端存储，也就是本地存储。

 

　　HTML5出现之前，本地存储只有一种方式：cookie。但是，cookie有着明显的缺点，存储数据量少，会被携带到HTTP请求上增加传输开销……HTML5提供两种新的本地存储方式：localStorage和sessionStorage。

 

　　下面再进一步讲解着两种storage知识。

 

　　（1） cookie，localStorage和sessionStorage（2） 方法

 

　　localStorage和sessionStorage提供的方法一样，和存储相关的方法有，。下面就增删改查操作做个简单实例：

 

　　同时，支持事件响应存储变化。一旦数据发生变化，如增加，减少，修改，即会触发事件。如下面例子：

 

　　打开两个同样的页面，在其中一个页面点击Add按钮，向localStorage添加一条新数据，然后查看另外一个页面控制台，会发现打印出信息。这说明，事件被触发。

 

　　前面《新标签和新属性》一节提到过，可以打开文件选择对话框，那么，选择文件之后呢？HTML5还提供了File API从硬盘上提取文件，交给网页中运行的JavaScript。

 

　　HTML5 File API只能读取文件，不能修改或创建文件。读取文件有四种形式：，（可以将二进制图片内容转成base64的格式），最常用的是第一种。参考下面例子（将选择的文件内容以字符串方式显示在页面上）：

 

　　HTML5也支持一次读取多个文件，使用属性。