IndexedDB是在浏览器中保存结构化数据的一种数据库，为了替换WebSQL（标准已废弃，但被广泛支持）而出现。IndexedDB使用NoSQL的形式来操作数据库，保存和读取是JavaScript对象，同时还支持查询及搜索。
下面由5个方面讲述：
1. 数据库初始化
2. 对象存储空间（ObjectStore）
3. 事务
4. 游标查询
5. 索引
数据库初始化
IndexedDB保存的是对象，而不是使用表保存数据。打开数据库使用indexDB.open方法，这方法有两个参数，第一个是数据库名称，第二个是数据版本号。
PS：IndexedDB的操作完全是异步进行的，每一次IndexedDB操作，都需要注册onerror或onsuccess事件处理程序。
<a></a>
PS：这里要注意的是，数据库版本只会有最新一个，不会同时存在两个版本的同名数据库。
对象存储空间（ObjectStore）
对象存储空间（ObjectStore）可以想象成关系数据库的表，在初始化DB触发onupgradeneeded时，创建ObjectStore。使用createObjectStore方法，第一个参数是对象名，第二个参数是对象属性，一般是设置keyPath（作为键使用）。
效果如下：
事务
所有读取或修改数据的操作，都要通过事务来完成。创建事务使用transaction方法，第一个参数是需要访问的ObjectStore，第二个参数是访问模式（readwrite、readonly，默认是只读）。
添加数据
获取数据
修改数据
删除数据
清空数据
游标查询
使用事务可以直接通过键检索单个对象，而需要检索多个对象时候就需要使用游标。游标是指向结果集的指针，不提前收集结果。游标指针会先指向结果中的第一项，在接到查找下一项指令时，才会指向下一项。
这里有几点要注意：
1. 如果需要修改或删除数据，就需要打开成读写模式。
2. cursor的非空校验是必要的。
3. 修改或删除的操作也是有onsuccess和onerror的，只是在示例中没有写出来。
4. 调用continue才会移动到下一项
另外可以设置游标的键范围和游标的方向，即打开openCursor方法时可以传这两个参数（openCursor(键范围,方向)），第一个参数是object类型，第二个参数是字符串类型。
游标键范围
键范围由IDBKeyRange的实例表示。
游标方向
next : 从第一项到最后一项（默认）
prev : 从最后一项到第一项
索引
当需要使用其他属性（非主键）获取数据时，就要预先创建索引，然后使用索引获取数据。
创建索引（在数据库初始化onupgradeneeded事件时）
第一个参数是索引名字，第二个参数是索引的属性的名字，第三个是一个options对象。一般是指定unique，设置索引是否唯一。
索引获取数据
PS：索引用法跟普通取值和游标取值一样
对象存储所有索引
浏览器支持情况
总结
在使用IndexedDB时候，有人可能会拿WebSQL来比较，然后发现IndexedDB不能做表连接（因为根本没有这东西），也就是要查出一个数据，可能得分几次进行。
例如学生、课程、分数三个表数据，想查出某个学生的课程成绩，就得三个表连接，WebSQL分分钟信手拈来。但是如果你用IndexedDB，就得分三次查找，先拿出那个学生，再拿出课程，然后再拿成绩。
这样看起来IndexedDB很蠢，这样就进入误区了，你为什么要这么去存你要展示的数据，NoSql就用NoSql东西，就直接以一个对象存学生成绩，一次查找就行了。
本文为原创文章，转载请保留原出处，方便溯源，如有错误地方，谢谢指正。
本文转自 海角在眼前 博客园博客，原文链接： http://www.cnblogs.com/lovesong/p/5055384.html ，如需转载请自行联系原作者