HTML5的本地存储，本地存储，本地数据库，sessionStorage简单

本文主要介绍了HTML5的本地存储，本地存储，本地数据库，使用sessionStorage简单实例，需要的朋友可以参考下
HTML5的一个非常酷的功能是Web存储，它类似于以前的cookie。然而，与Web不同，存储容量为5兆字节，但cookie只有4K，这绝对不是匹配的。
Webstrange也分为：localStorage，sessionStorage和本地数据库。

然后我介绍：

1、本地存储
本地存储的使用是比较简单的，和方法：
复制代码代码如下所示：
localstorage.setitem（键，值）； / /保存数据
localstorage.getitem（重点）； / /读取数据
localstorage.removeitem（重点）； / /删除个人数据
（localStorage。清）； / /删除所有数据
关键词：localstorage.key（指数）； / /得到的指标值
显示功能的小演示：
复制代码代码如下所示：
（函数（$）{）
$（函数（）{（））
美元。FN。getformparam =函数（）{
无功serializeobj = { }；
var array = this.serializearray（）；
var str = this.serialize（）；
$（数组）。每个（函数（）{）
如果（serializeobj {这个名字}）{
如果（美元。ISArray（serializeobj {这个名字}））{
serializeobj {这个名字}。推（的价值）；
其他{ }
serializeobj {姓名} = { serializeobj。{这名称}，这价值}；
}
其他{ }
serializeobj {姓名} = this.value；
}
}）；
返回serializeobj；
}；
var存储文件= JSON.parse（window.localstorage.getitem（'demo '））；
美元。每个（存储文件，函数（我，Val）{
$（# demoform）。找到（{姓名=+我+。缬氨酸（Val））；
}）；
$（# demoform）。找到（{类型=提交，（听到咔哒声），函数（）{
VaR数据=美元（# demoform）。GetFormParam（）；
Window.localStorage.setItem（'demo '，JSON.stringify（数据））；
返回false；
}）；
}）；
}（jQuery）
HTML代码：
复制代码代码如下所示：

文件
全名
年龄
不.
地址
爱好
其他

这样，一个简单的例子演示了本地存储的实现

2、sessionStorage
对使用sessionStorage是localStorage相同，但sessionStorage将清除当浏览器关闭网站，和localStorage将永远保存到浏览器，和两个应该相互配合，在适当的时候。

三.本地数据库
学生熟悉iOS / Android开发应该熟悉SQLite数据库
在HTML5中对数据库的操作很简单，主要以式法和交易法
对象数据库是用来接收由开放数据库Access数据库对象
复制代码代码如下所示：
var db =开放数据库（数据库名称、版本、描述、尺寸）
在…之间
Databasename：数据库名称
版本：数据库版本未填写
说明：数据库描述
大小：数据库分配空间的大小

事务方法使用回调函数作为参数来执行在函数中访问数据库的特定方法。
复制代码代码如下所示：
db.transaction（功能（TX））{
Tx.executeSql（sqlquery { value1，value2，.. }，javax.activation.Datahandler，程序）
}）；
该方法的四个参数是ExecuteSQL：

SQL查询：SQL语句需要执行，创造| |选择| |更新| |删除；

所有用于{ value1参数数组，value2 .. }：SQL语句，在executesql方法，使用替换，SQL语句的参数，然后把这些参数为二参数。

DataHandler：做一个成功的回调函数；

ErrorHandler：执行失败的回调函数；