甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。
成都创新互联主营钟祥网站建设的网络公司,主营网站建设方案,app软件开发,钟祥h5微信小程序开发搭建,钟祥网站营销推广欢迎钟祥等地区企业咨询
对，一般存在浏览器的本地存储中（一个数据库）。当然cookie也可以。如果不是纯HTML5，比如用了flash、applet等技术，也可以用相应的接口来存。
SessionStorage用于本地存储一个会话中 的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束，例如关闭窗口后，数据也会随之被销毁。它是一种会话级别的存储。SessionStorage的使用方法与localstorage的使用方法相似。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
1、LocalStorage使用键值对的方式进行存储，存储的方式只能是字符串。存储内容可以有图片、json、样式、脚本等只要可以序列化为字符串的。
2、HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
3、其他存储方式的拓展：（不常用）。GoogleGears：存储大小没有任何限制，但需要额外安装插件。IndexedDB技术：客户端直接存储对象，目前还不是html的标准，大小没有任何限制。HTML5Webstroage技术：使用简单，大小不能超过8mb。
4、h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
5、HTML5 是下一代 HTML 标准，开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上，在需要时获取。
6、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript代码，Opera，FireFox等其他非IE浏览器就会忽视这段代码。
html中设置浏览器标题，用到工具：notepad，步骤如下：我是浏览器标题 说明：title就是浏览器显示的标题。显示结果如下：注意事项：title根据自己的需要来写， utf8必须加这一句，否则乱码。
一般的html文件默认打开方式就是你电脑的默认浏览器。如果没有的话，可以设置一下。首先在html文件上右击，选择’打开方式‘，选择 IE 就行了。
搜狗右上角点击菜单栏-工具-设为默认浏览器。按住shift键在html文件上点击右键-打开方式-选择搜狗浏览器。或者选择其他应用，如果有始终用这个程序打开的勾选就勾上。
选择HTML文件，右键，选择打开方式；使用浏览器打开，然后在下面有个默认打开方式，勾选了；以后同类文件都会默认使用浏览器打开了。
选择一个.html文件-右键菜单选择属性-通用中：打开方式，点修改按钮-选择Chrome。
离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。
HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
永久本地存储：localStorage 在最新的JS的API中增加了localStorage对象，以便于用户存储永久存储的Web端的数据。
} catch (e) { return false；} } HTML5 Storage 基于键值对存储。你要存储的数据需要有一个名字作为键，然后你就可以使用这个键读取这个数据。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
，保存的内容不同 网页，全部：它是保存网页的文本和内容。web文件：单个文件保存打开的web页面的文本和格式，但没有图片。网页，仅限HTL：保存网页的文本内容或当前网页的纯文本，可按此格式保存。
有了HTML5定位，你不仅可以定位到自己的位置，还可以在别人给你打开信息的时候得到别人的定位信息。数据存储。HTML5与传统的数据存储相比，有自己的存储模式，允许在客户端进行大规模的数据存储。
HTML5 支持了不同类型的存储类型 HTML5 支持本地存储，在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。
即 “text/cache-manifest”。
写法：html manifest=/CacheFile/myApp.appcache myApp.appcache里面写了需要缓存的css、js的路径。
先来了解一下HTML5应用程序缓存和浏览器缓存的区别。（有些）浏览器会主动保存自己的缓存文件以加快网站加载速度。但是要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。
测试结果：如果把js放在index.html的body底部，那么就可以实现clock.js的app cache，但是clock.css是不行的。ff 版本 20 测试结果：只能实现cache.html本身的缓存。