HTML5的Web存储是什么

本篇内容介绍了“HTML5的Web存储是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

　　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也支持一次读取多个文件，使用属性。

“HTML5的Web存储是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！