Html5——indexedDB数据库学习记录1之【链接indexDB数据库】

最新推荐文章于 2022-01-31 21:45:03 发布
最新推荐文章于 2022-01-31 21:45:03 发布
阅读量273 收藏
点赞数
分类专栏： indexedDB数据库 Html5 文章标签： indexedDB数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Superstatus/article/details/80560651
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >

< head >
     < meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" >
     < title >链接indexDB数据库 </ title >

{# indexedDB思路：
1.打开数据库并且开始一个事务。
2.创建一个 object store。
3.构建一个请求来执行一些数据库操作，像增加或提取数据等。
4.通过监听正确类型的 DOM 事件以等待操作完成。
5.在操作结果上进行一些操作（可以在 request 对象中找到） #}
< script >
function connectDatabase(){
var dbName= "indexedDBtest"; //数据库名称
var dbVersion= 1; //数据库版本
var idb; //数据库结果
var dbConnect= indexedDB. open( dbName, dbVersion); //打开数据库并且还是一个事务
//以下是返回 数据库 链接信息
dbConnect. onsuccess= function( e){
idb= e. target. result;
alert( "数据库链接成功！");
}
dbConnect. onerroe= function(){
alert( "链接数据失败！");
}

}
</ script >
    
</ head >

< body >

</ body >

</ html >
Superstatus
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5中indexedDB 数据库的使用实例
09-27
本篇文章主要介绍了HTML5中indexedDB 数据库的使用实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML5本地数据库--IndexDB的基本操作
Zachery Wu
08-02 6407
HTML5本地数据库–IndexedDB的基本操作IndexedDB是一个用于在浏览器中存储较大数据结构的Web API，并且提供了索引功能以实现高性能查找。和其他基于SQL的关系型数据库一样，indexedDB是一个事务型的数据库系统，然而它是使用JavaScript对象，而不是列数固定的表格来存储数据的。和一般的数据库一样，基础操作就那几种，创建/打开数据库，创建/打开表，对数据的增删查改。1.
indexDB的使用
阵雨的博客
07-16 8984
目录简介无法开启indexDb的情况开始使用打开数据库为该数据库创建一个对象仓库新增数据查找数据使用索引查询使用游标查询修改数据删除数据 简介 IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力，使我们的应用在在线和离线时都可以正常工作。 无法开启indexDb的情况 浏览器不希望允许某些广告网络或恶意网站来污染你的计算机，所以浏览器会在任意给定的 web app 首次尝试打开一个 IndexedDB 存
前端的存储：websql和indexedDB
手写我对你的温柔
01-16 1770
关于存储，我们大多都知道存储的老伙计localStorage和sessionStorage、cookie等 今天就继续了解下websql和indexedDB的使用(js的红宝书上有详细介绍) WebSQL:(不再维护，当扩展看看就好) 其弥补前端的关系型存储。底层实现是通过sqlite这个轻量级的数据库。 只有极少数的浏览器支持(chrome等)【其他浏览器不去实现是因为webSQL这...
web sql & IndexedDB
qq_39740095的博客
06-30 516
web sql & IndexedDBweb sql说明弊端使用1、创建数据库2、创建表3、向表中插入数据4、读取数据5、更新表格数据IndexedDB说明indexedDB本地存储优势弊端使用1.创建表2.插入数据3.修改数据4.删除数据5.获取数据封装品断网、刷新续传 web sql 说明 底层实现是通过sqllite这个轻量级的数据库。 浏览器刷新，数据库和库里的表丢失。再次创建同名的数据库，库里的表及表里的数据仍然存在。 webSQL:1.标准不再更新，关系型、底层sqlite。 2. c
IndexDB数据库操作指南
马优晨
10-25 2万+
在写这篇文章的时候，确实有一点点小困了。但是对于IndexDB数据库研究了整整三天的心血，在蓝瘦，香菇还是决定把这个东西介绍给大家。目前IndexDB数据库已经发展的很快了，IndexedDB的储存空间比localStorage大得多，一般来说不少于250MB。IE的储存上限是250MB，Chrome和Opera是剩余空间的某个百分比，Firefox则没有上限。对于传统的Cookie最多也就4KB，
深入解析HTML5的IndexedDB索引数据库
01-21
介绍IndexedDB是HTML5 WEB数据库，允许HTML5 WEB应用在用户浏览器端存储数据。对于应用来说IndexedDB非常强大、有用，可以在客户端的chrome,IE,Firefox等WEB浏览器中存储大量数据，下面简单介绍一下IndexedDB的基本...
HTML5本地存储之IndexedDB
12-14
所以研究了一下HTML5的IndexedDB。 对于只存储某些字段的需求来说，可以使用Local Storage和 Session Storage来完成。但是一旦存储大量的数据，Local Storage和 Session Storage就远远不能满足需求了。这时，Indexed...
HTML5 客户端数据库简易使用:IndexedDB
11-21
IndexedDB是一种能在浏览器中持久的存储结构化数据的对象数据库，并且为web应用提供了丰富的查询能力。 相比于Web SQL数据库它更加简单，而且官方标准中关于Web SQL的工作已经停止。 相比于Web Storage，IndexedDB...
HTML5 使用浏览器内置数据库之 indexedDB
东成熙就
10-23 1953
为了学习理解IndexedDB，创建一个简单的web应用。生成一个数据库：demoDB，包括一个object storage:user(相当于用户表)，uid/uname/uemail三个字段。实现增加、删除、修改、查询功能。
清理indexDB浏览器数据库的方法 浏览器数据库清除
weixin_30412013的博客
11-09 2606
目前，主流浏览器自身的存储方式有：1、cookie ；2、localstorage 和 3、indexDB（浏览器数据库）。 本篇文档主要讲的是怎么清理和删除浏览器的indexDB数据库，三种存储方式的区别和使用方法，百度上的经验贴太多了，需要了解的自行搜索。 写这篇帖子，主要是因为目前还没有中文贴描述怎么快速清除（清理）indexDB（浏览器数据库）的方法。 清理方法如下： 1、...
HTML5 内置本地数据库之Sqlite
热门推荐
祝小余不定时更新
11-20 2万+
HTML5 内置本地数据库之Sqlite一、关于HTML5和web本地数据库SQLite 可以很好的支持关系型数据库所具备的一些基本特征，如标准SQL语法、事物、数据表和索引等，且占用资源较少，可在移动设备上轻松使用。 HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。然而关于Web SQL Database有一个不太好
indexDB 数据库增删改查操作以及创建
weixin_43136017的博客
11-20 5785
indexDB：从DB看[indexDB是一个非关系型数据库]它不需要去写一些特定的sql语句来对数据库进行操作，因为他是nosql(not only sql)的数据形式使用的是JSON。 indexDB的特性 1️⃣对象仓库 indexDB内部才用对象仓库（ObjectStore）存放数据[因为indexDB没有表的概念，而是ObjectStore]所有的类型的数据都可以直接存入包括Jav...
SQLite数据库中索引的使用、索引的优缺点
NeoStudio
08-26 5221
要使用索引对数据库的数据操作进行优化，那必须明确几个问题： 什么是索引 索引的原理 索引的优缺点 什么时候需要使用索引，如何使用 围绕这几个问题，来探究索引在数据库操作中所起到的作用。一、数据库索引简介回忆一下小时候查字典的步骤，索引和字典目录的概念是一致的。字典目录可以让我们不用翻整本字典就找到我们需要的内容页数，然后翻到那一页就可以。索引也是一样，索引是对记录按照多个字段进行排序的一种展现。对表
HTML indexedDB数据库—简单示例
weixin_30832351的博客
07-22 120
　　indexedDB数据库的基本概念：在HTML5中，新增一种被称为“indexedDB”的数据库，该数据库是一种存储在客户端本地的NoSQL数据库。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...
indexdb
wenxiukeke的博客
08-27 1505
indexdb增删改查indexdbindexdb增删改查案例 indexdb 写这篇文章主要是，因为项目中用到了这个东西，这篇文章的主要内容，我主要是记录一下，当时我完成app登录拦截功能时的思路。做功能之前我主要去网上参考了几篇文章，首先我去看了一下概念，了解概念以后，就分别去了解了一下indexdb是如何建库建表新增查找数据的。链接我提供一下，阮一峰网络日志 indexdb增删改查案例 这里...
学生成绩管理系统
a6697238的博客
10-16 1817
第一次写博客，算是开始码农的旅程吧，把学的小项目简单书写一下，使用MyEclipse10 + sql sever2008 + Powerdesigner完成成绩管理系统，包括数据库的使用，增删改查之类的。成绩管理系统开发流程 PowerDesigner设计表格 使用SQL SERVER2008数据库建立表格 建立JAVA项目 使用PowerDesigner设计表格PowerDesigner可以用来设
看完这篇文章，直接拿捏程序流程控制(超详解)
微风洋洋的博客
01-31 1242
今天这篇文章就是来和大家详细聊聊Java程序流程控制中的分支结构
indexDB的理解与使用
Mosum的博客
05-29 8119
indexDB的理解与使用 indexDB的理解与使用 创建数据库 创建对象仓库 创建事务 操作数据 添加数据 获取数据 删除数据 使用游标 索引 创建索引 使用索引 实践 创建数据库 const request = indexedDB.open('myDatabase', 1); request.addEventListener('success', e =&gt...
浏览器IndexedDB数据库使用方法
最新发布
06-10
IndexedDB 是浏览器提供的本地数据库，可以在浏览器中存储结构化数据。下面是 IndexedDB 的基本使用方法： 1. 打开数据库 使用 `indexedDB` 对象的 `open()` 方法打开数据库，如下所示： ``` let request = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值