HTML5——IndexDatabase（上）

最新推荐文章于 2024-06-03 09:20:03 发布

is_Del

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量241

点赞数

分类专栏： HTML5 文章标签： html5 javascript

本文链接：https://blog.csdn.net/del1026/article/details/115740119

版权

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="Indexed/images/longzhuLive.

最低0.47元/天解锁文章

is_Del

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5——IndexDatabase（上）

Day6今日份内容：IndexDatabase中Indexed数据操作IndexDatabase：IndexedDb是一种轻量级NoSQL数据库，在索引、事务处理以及高性能搜索方面更具有优势。Indexed是一种低级API，用于在客户端存储大量结构化数据与关系型数据库操作相似，Indexed数据库操作也分数据修改和数据查询两大类型。熟悉IndexedDB API接口熟悉Indexed数据操作内容获得IndexedDB对象；向数据库发送连接请求；获得连接请求对象；获得事务对象；获
复制链接

扫一扫