关于HTML5技术的存储方式不知道有多少的小伙伴知道，其实不论是参加HTML5培训学习还是自学HTML5开发技术，HTML5技术的存储方式都需要牢牢的掌握。本篇文章小编就带大家看一下HTML5技术的存储方式有哪些。

　　一、本地存储方式

　　以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。IE9localStorage不支持本地文件，那么我们需要把自己做的项目放到服务器才可以做到很好地支持!常用的API有：

　　1、getItem//取记录;

　　2、setIten//设置记录;

　　3、removeItem//移除记录;

　　4、key//取key所对应的值;

　　5、clear//清除记录。

　　而存储的主要内容有以下几种：数组，图片，json，样式，脚本等等，只要是能序列化成字符串的内容都可以存储。

　　二、离线缓存方式

　　离线缓存常用的API有：

　　0(UNCACHED):无缓存，即没有与页面相关的应用缓存;

　　1(IDLE):闲置，即应用缓存未得到更新;

　　2(CHECKING):检查中，即正在下载描述文件并检查更新;

　　3(DOWNLOADING):下载中，即应用缓存正在下载描述文件中指定的资源;

　　4(UPDATEREADY):更新完成，所有资源都已下载完毕;5(IDLE):废弃，即应用缓存的描述文件已经不存在了，因此页面无法再访问应用缓存。

　　当储存的时候出现的相关的事件，表示应用缓存状态的改变：

　　checking:在浏览器为应用缓存查找更新时触发

　　error:在检查更新或下载资源期间发送错误时触发

　　noupdate:在检查描述文件发现文件无变化时触发

　　downloading:在开始下载应用缓存资源时触发

　　progress：在文件下载应用缓存的过程中持续不断地下载地触发

　　updateready:在页面新的应用缓存下载完毕触发

　　cached:在应用缓存完整可用时触发

　　三、WebSQL数据库储存方式

　　WebSQL数据库API是一个独立的规范，并不是HTML5规范的一部分，引入了一组使用SQL操作客户端数据库的APIs。可以在最新版的Safari,Chrome和Opera浏览器中工作。其核心方法：

　　1、openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。

　　2、transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。

　　3、executeSql：这个方法用于执行实际的SQL查询。

　　四、索引数据库储存方式

　　索引数据库(IndexedDB)API(作为HTML5的一部分)对创建具有丰富本地存储数据的数据密集型的离线HTML5Web应用程序很有用。同时它还有助于本地缓存数据，使传统在线Web应用程序(比如移动Web应用程序)能够更快地运行和响应。

　　关于HTML5技术的存储方式及简单为大家整理以上这些，想要了解更多内容的同学可以登录扣丁学堂官网查询。想要学习HTML5开发技术的小伙伴小编推荐大家选择口碑良好的扣丁学堂，扣丁学堂不仅有专业的老师和与时俱进的课程体系，还有大量的HTML5视频教程供学员观看学习，以便学员可以随时学习提升自己，扣丁学堂还有专业的技术老师指导学员动手操作练习，增强学员的动手能力。

　　想要学习HTML5的小伙伴不要再犹豫了，扣丁学堂有专业老师制定的HTML5学习路线图可供想要学习的小伙伴查看，心动的小伙伴快快行动吧。扣丁学堂H5技术交流群：751662650。

专栏文章内容及配图由作者撰写发布，仅供工程师学习之用，如有侵权或者其他违规问题，请联系本站处理。 联系我们