HTML5中删除数据库条目实际通过IndexedDB的delete()方法实现，需在readwrite事务中按主键或IDBKeyRange范围操作，不支持SQL式WHERE删除，批量删除须先查主键再分事务执行。
HTML5 本身没有提供直接操作数据库的 Delete 方法。所谓“HTML5 中删除数据库条目”，实际是指在客户端使用 IndexedDB（HTML5 标准的本地数据库 API）执行删除操作。
理解 IndexedDB 的删除逻辑
IndexedDB 不支持 SQL 风格的 DELETE FROM table WHERE ... 语句。删除必须通过事务（transaction）在对象存储（objectStore）中进行，核心是调用 delete() 方法并传入主键（key）或键范围（IDBKeyRange）。
- 删除单条：需明确知道该记录的主键值（如 ID）
- 删除多条：需用
IDBKeyRange.bound()、.lowerBound()或.upperBound()构建范围，再遍历或使用游标（cursor）配合delete() - 不能直接按字段值（如 name = "张三"）删除——必须先查询出主键，再删除
删除单条记录的标准写法
假设数据库名为 myDB，对象存储名为 users，要删除主键为 123 的用户：
const request = indexedDB.open("myDB", 1);
request.onsuccess = function(event) {
const db = event.target.result;
const tx = db.transaction(["users"], "readwrite");
const store = tx.objectStore("users");
// 删除主键为 123 的记录
const deleteRequest = store.delete(123);
deleteRequest.onsuccess = function() {
console.log("删除成功");
};
deleteRequest.onerror = function() {
console.error("删除失败：", deleteRequest.error);
};
};
按条件批量删除（例如 name = "李四"）
由于 IndexedDB 不支持 WHERE 查询，需分两步：先用索引查出所有匹配主键，再逐个删除：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 确保对象存储已创建对应字段的索引（如
store.createIndex("nameIndex", "name")） - 用索引打开游标，收集所有匹配的 key
- 在新事务中循环调用
store.delete(key)
注意：避免在同一个事务中边查边删，可能引发游标失效；推荐先读取 key 数组，再开新事务批量删除。
常见错误与注意事项
删除失败通常由以下原因导致：
- 事务已提交或已中止（
transaction.completed或被其他操作中断） - 传入了不存在的 key，
delete()仍会成功（不报错），但无实际效果 - 未正确指定事务模式为
"readwrite"（只读事务无法删除） - 数据库版本升级时未重建对象存储或索引，导致后续操作找不到结构
调试时建议监听 transaction.oncomplete 和 transaction.onerror，而不仅是单个 delete 请求。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
