数据库indexDB

1,链接数据库

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>

            window.indexedDB = window.indexedDB ||
                               window.mozIndexedDB ||
                               window.webkitIndexedDB ||
                               window.msIndexedDB;
            window.IDBTransaction = window.IDBTransaction ||
                                    window.webkitIDBTransaction ||
                                    window.msIDBTransaction;
            window.IDBKeyRange = window.IDBKeyRange ||
                                 window.webkitIDBKeyRange ||
                                 window.msIDBKeyRange;
            window.IDBCursor=window.IDBCursor || window.webkitIDBCursor ||window.msIDBCursor;

            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.onerror = function(e){
                       alert("数据库链接失败")

                  }

            }
        </script>
    </head>
    <body>
        <input type="button" value="链接数据库" onclick="connectDatabase()">
    </body>   

</html>

2,数据库版本更新

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>

            window.indexedDB = window.indexedDB ||
                               window.mozIndexedDB ||
                               window.webkitIndexedDB ||
                               window.msIndexedDB;
            window.IDBTransaction = window.IDBTransaction ||
                                    window.webkitIDBTransaction ||
                                    window.msIDBTransaction;
            window.IDBKeyRange = window.IDBKeyRange ||
                                 window.webkitIDBKeyRange ||
                                 window.msIDBKeyRange;
            window.IDBCursor=window.IDBCursor || window.webkitIDBCursor ||window.msIDBCursor;

            function versionUpdata(){
                  var dbName = "indexedDBtest";
                  var dbVersion = 2;
                  var idb;
                  var dbConnect = indexedDB.open(dbName,dbVersion);
                  dbConnect.onsuccess = function(e){
                         idb = e.target.result;
                         alert("数据库链接成功");
                  }
                   dbConnect.error = function(){
                            alert("数据库更新失败")
                   }
                    dbConnect.onupgradeneeded = function(e){
                          idb = e.target.result;
                          var tx = e.target.transaction;
                          var oldVersion = e.oldVersion;
                          var newVersion = e.newVersion;
                          alert("数据库更新成功"+oldVersion+"--"+newVersion);

                    }

            }
        </script>
    </head>
    <body>
        <input type="button" value="链接数据库" onclick="versionUpdata()">
    </body>   

</html>

时间: 2024-10-13 05:21:15

数据库indexDB的相关文章

主流浏览器CSS3和HTML5兼容性详细清单

各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准.就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准. 当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程.如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解. findmebyip.

五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

让人眼花缭乱的 HTML5 和 JavaScript 效果 使用 CSS3 可以实现的五种很酷很炫的效果 九个让人难以置信的HTML5和JavaScript实验 推荐18个基于 HTML 5 Canvas 开发的图表库 29款基于 HTML5 Canvas 开发的网页游戏 各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准.就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,

主流浏览器CSS3和HTML5兼容性

各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准.就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准. 当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程.如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解.本文是一份IE,Chro

【GISER&amp;&amp;前端优化】前端缓存的几种主流选择

这周遇到了一个新需求,产品反馈地图瓦片服务的图片资源没有Http缓存,每次移动地图范围都会向后台发处请求/响应数据,影响了客户端的地图加载体验.所以需要增加这样一种缓存:1)针对同一个请求资源地址URL,首次加载需要缓存数据,后续加载直接读取缓存:2)后台数据发生更新时,需要实时更新缓存: 在完成这个需求之前,我借机补习了一下前端的缓存体系: 一  HTTP缓存 提起前端缓存,首先第一反应就是浏览器自带的缓存机制,通过在Http报文头部中设置一些属性字段,告知浏览器对本次请求响应的资源进行缓存,

indexDB数据库

==indexDB数据库是使用对象保存数据,而不是用表来存放数据.一个IndexedDB数据库,就是众多对象的集合. ==数据库的使用: 创建数据库: 1.获取indexDB 数据库: var indexDB = window.indexedDB; 2.创建indexDB 数据库下的空间对象(第一级): var openRequest = window.indexedDB.open("user", 1); user为在indexDB 数据库内的一个空间对象,如果没有这个空间对象,就会默

数据库:数据库引擎、索引、pymysql(四)

一.数据库存储引擎 1.存储引擎 mysql中建立的库===>文件夹 库中建立的表===>文件 现实生活中我们用来存储数据的文件应该有不同的类型:比如存文本用txt类型,存表格用excel,存图片用png等. 数据库中的表也应该有不同的类型,表的类型不同,会对应mysql不同的存取机制,表类型又称为存储引擎. 存储引擎说白了就是如何存储数据.如何为存储的数据建立索引和如何更新.查询数据等技术的实现方法.因为在关系数据库中数据的存储是以表的形式存储的,所以存储引擎也可以称为表类型(即存储和操作此

HTML5新特性之客户端数据库(IndexedDB)

1.简述 在HTML5本地存储--Web SQL Database提到过Web SQL Database实际上已经被废弃(由于至今Firefox和IE不支持),而HTML5的支持的本地存储实际上变成了Web Storage(Local Storage和Session Storage)与IndexedDB.Web Storage使用简单字符串键值对在本地存储数据,方便灵活,但是对于大量结构化数据存储力不从心,IndexedDB是为了能够在客户端存储大量的结构化数据,并且使用索引高效检索的API.

Day46:数据库引擎、索引、pymysql

一.数据库存储引擎 1.存储引擎 mysql中建立的库===>文件夹 库中建立的表===>文件 现实生活中我们用来存储数据的文件应该有不同的类型:比如存文本用txt类型,存表格用excel,存图片用png等. 数据库中的表也应该有不同的类型,表的类型不同,会对应mysql不同的存取机制,表类型又称为存储引擎. 存储引擎说白了就是如何存储数据.如何为存储的数据建立索引和如何更新.查询数据等技术的实现方法.因为在关系数据库中数据的存储是以表的形式存储的,所以存储引擎也可以称为表类型(即存储和操作此

key-value数据库

http://blog.csdn.net/byane/article/details/6928519 传统的文件系统中,需要维护目录的层次结构,使用dentry,inode,directory等复杂结构保存元数据的信息:而面对更多定制文件系统的需求,越来越多的系统考虑使用key-value形式保存文件系统中的元数据信息.使用数据库来保存这些元数据的key-value对是一个不错的选择,相比传统的关系型数据库,key-value数据库在这方面更贴近应用需求,因为,保存元数据的数据库往往不会有复杂的