Day6
今日份内容:IndexDatabase中Indexed数据操作
IndexDatabase:IndexedDb是一种轻量级NoSQL数据库,在索引、事务处理以及高性能搜索方面更具有优势。Indexed是一种低级API,用于在客户端存储大量结构化数据
与关系型数据库操作相似,Indexed数据库操作也分数据修改和数据查询两大类型。
Indexed数据操作
- 熟悉IndexedDB API接口
- 熟悉Indexed数据操作
内容
- 获得IndexedDB对象;
- 向数据库发送连接请求;
- 获得连接请求对象;
- 获得事务对象;
- 获得数据仓库(表)对象;
- 对数据进行增删改操作。
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IndexDB操作</title>
<link rel="stylesheet" href="Indexed/css/styles.css" />
</head>
<body>
<h3>请选择您喜欢的直播栏目</h3>
<hr />
<div class="channelDiv">
<dl id="qieLive">
<dt><img src="Indexed/images/qieLive.jpg"></dt>
<dd>
<!--注意<span>必须和<input>在同一行,否则后面spanList获取不到<span>导致数据无法实时更新 -->
<input type="button" class="flowerBtn hvr-grow"
onclick="presentGift('qieLive','flower',this)" /><span>0</span>
<input type="button" class="eggBtn hvr-grow"
onclick="presentGift('qieLive','egg',this)" /><span>0</span>
</dd>
</dl>
<dl id="longzhuLive">
<dt><img src="Inde