HTML5基础28----创建对象仓库

最新推荐文章于 2022-01-17 20:48:47 发布

zhaihaohao1

最新推荐文章于 2022-01-17 20:48:47 发布

阅读量657

点赞数

分类专栏： HTML5基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47079051

版权

HTML5基础专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--创建对象仓库-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
        if (!window.indexedDB) {
            console.log("你的浏览器不支持IndexedDB");
        }
        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.onerror = 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>
对于创建对象仓库与索引的操作，
我们只能在版本更新事务内部进行，
因为在indexedDB API中不允许数据库中
的对象仓库在同一个版本中发生改变。
<br/>
<input type="button" value="创建仓库" οnclick="CreateObjectStore()">

</body>
</html>

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5基础28----创建对象仓库

html>lang="en"> charset="UTF-8"> window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; if (!window.indexedDB) {
复制链接

扫一扫