极客学院----H5的相关笔记----H5基础（9）

最新推荐文章于 2024-02-09 23:20:47 发布

wypgany

最新推荐文章于 2024-02-09 23:20:47 发布

阅读量239

点赞数

分类专栏： h5 杂记·笔记

本文链接：https://blog.csdn.net/wypgany/article/details/53887214

版权

h5 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

杂记·笔记

9 篇文章 0 订阅

订阅专栏

一.链接数据库

IndexedDB数据库的基本概念：该数据库是一种存储在客户端本地的NoSql数据库。

二.更新数据库

三.创建对象仓库

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>indexedDB的链接</title>
    <!-- 为了使js脚本能够运行在各个浏览器上，添加以下代码 -->
    <script>
        window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || 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 () {
                alert("数据库链接失败");
            }
        }
        function updateDataBase() {
            var dbName = "indexedDBTest";
            var dbVersion = 2;
            var idb;
            var dbConnect = indexedDB.open(dbName,dbVersion);
            dbConnect.onupgradeneeded = function (e) {
                idb = e.target.result;
                var tx = e.target.transaction;
                var oldVersion = e.oldVersion;
                var newVersion = e.newVersion;
                alert("数据库更新成功" + oldVersion + "--------" + newVersion);
            }
        }
        function createStore() {
            var dbName = "indexedDBTest";
            var dbVersion = 3;
            var idb;
            var dbConnect = indexedDB.open(dbName,dbVersion);
            dbConnect.onupgradeneeded = function (e) {
                idb = e.target.result;
                var name = "user-wyp";
                var optionParameters = {
                    keyPath:"userId",
                    autoIncrement:false
                };
                idb.createObjectStore(name,optionParameters);
                alert("创建仓库成功");
            }
        }
    </script>
</head>
<body>
    <input type="button" value="链接数据库" οnclick="connectDataBase()">
    <br/><br/>
    <input type="button" value="更新数据库" οnclick="updateDataBase()">
    <br/><br/>
    <input type="button" value="创建仓库" οnclick="createStore()">
</body>
</html>