本篇内容介绍了“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存储是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
