zoukankan html css js c++ java

数据库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>

View Code

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>

View Code

3，创建对象仓库

<!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 createObjectStore(){
                  var dbName = "indexedDBtest";
                  var dbVersion = 3;
                  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 name = "user";
                          var optionalParameters = {
                              keyPath:"userid",
                              autoIncrement:false                                                     
                          };
                          var store = idb.createObjectStore(name,optionalParameters);
                          alert("对象仓库创建成功");
                    }            
            }
        </script>
    </head>
    <body>
        <input type="button" value="创建对象仓库" onclick="createObjectStore()">
    </body>   
     
</html>

View Code

查看全文

相关阅读:
十个男人看了，九个成了富人
 win7下编译安装osgearth
gdal源码编译安装
 win7下编译boost库总结
 everything && executor
cursor:hand与cursor:pointer的区别介绍
 web程序记录当前在线人数
 汉字转拼音
 40多个非常有用的Oracle 查询语句
 asp.net 使用IHttpModule 做权限检查登录超时检查（转）

原文地址：https://www.cnblogs.com/147258llj/p/5635142.html