HTML本地数据库indexDataBase的使用示例

最新推荐文章于 2024-07-30 15:19:39 发布

米小豆361

最新推荐文章于 2024-07-30 15:19:39 发布

阅读量831

点赞数 1

分类专栏： html5 文章标签： js

本文链接：https://blog.csdn.net/zxwd2015/article/details/51290264

版权

html5 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

简单初始化　indexDataBase数据库和创建仓库，没有涉及数据操作的事物

 /*根据不同浏览器的内核，创建indexedDB对象*/
        window.indexedDB = window.indexedDB
                || window.webkitIndexedDB
                || window.mozIndexedDB
                || window.msIndexedDB;
        //判断是否支持事务处理
        window.IDBTransaction = window.IDBTransaction
                || window.webkitIDBTransaction
                || window.msIDBTransaction;
        window.IDBKeyRange = window.IDBKeyRange
                || window.IDBKeyRange
                || window.webkitIDBKeyRange
                || window.msIDBKeyRan;
        /*创建数据仓库*/
        function creatObjectDataBase() {
            var dbName = "indexDBName";
            var dbVersion = 2;
            var db;
            var dbConnect = indexedDB.open(dbName, dbVersion);
            /*函数名　不可更改*/
            dbConnect.onsuccess = function (e) {
                db = e.target.result;
                alert("数据库链接成功")
            }
            /*函数名　不可更改*/
            dbConnect.onerror = function () {
                alert("数据库链接失败")
            }
            /*函数名　不可更改*/
            dbConnect.onupgradeneeded = function (e) {
                db = e.target.result;
                /*数据库版本*/
                var oldVersion = e.oldVersion;
                var newVersion = e.newVersion;
                /*创建仓库对象*/
                //仓库名字，路径id和id是否自增
                db.createObjectStore("name", {
                    keyPath: "userId", autoIncrement: false
                });
            }
        }

    </script>