1、本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
成都创新互联公司专业为企业提供工布江达网站建设、工布江达做网站、工布江达网站设计、工布江达网站制作等企业网站建设、网页设计与制作、工布江达企业网站模板建站服务，十年工布江达做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、sessionStorage 允许在浏览器中存储key/value对的数据。数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。
3、存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
1、Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
2、关系数据库，通过SQL语句访问 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
3、}数据存储： indexedDB中没有表的概念，而是objectStore，一个数据库中可以包含多个objectStore，objectStore是一个灵活的数据结构，可以存放多种类型数据。也就是说一个objectStore相当于一张表，里面存储的每条数据和一个键相关联。
4、HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
5、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
6、为了 Cookie的一系列限制，HTML5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS更有效率。
Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
/script3 会话级别的本地存储：sessionStorage在HTML5中增加了一个Js对象：sessionStorage；通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
客户端存储：HTML5可以通过localStorage和sessionStorage机制存储数据，允许Web应用程序在客户端进行本地数据存储，从而提高应用程序的效率和用户体验。
HTML5 是下一代 HTML 标准，开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上，在需要时获取。
其中，DOMStorage适用于带有键/值对的基本本地存储；WebSQLDatabase是一种适用于关系数据库的存储方法，开发人员可以使用SQL语法来查询和插入这些数据。多线程。
SessionStorage的使用方法与localstorage的使用方法相似。 离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
在HTML5中增加了一个Js对象：sessionStorage；通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。
什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。
Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
. SessionStorage SessionStorage用于本地存储一个会话中 的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束，例如关闭窗口后，数据也会随之被销毁。它是一种会话级别的存储。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
/script3 会话级别的本地存储：sessionStorage在HTML5中增加了一个Js对象：sessionStorage；通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。
