Html5——indexedDB数据库学习记录2之【数据库的版本更新】

最新推荐文章于 2026-03-26 11:36:29 发布

原创最新推荐文章于 2026-03-26 11:36:29 发布 · 1.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#indexedDB数据库

收录于

Html5 同时被 2 个专栏收录

15 篇文章

订阅专栏

indexedDB数据库

6 篇文章

订阅专栏

本文介绍了一个简单的数据库版本更新示例，通过JavaScript实现了一个名为indexDBtest的数据库从旧版本到新版本的升级过程，包括数据库连接成功后的提示及版本升级成功的通知。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>数据库的版本更新</title>
    
    <script>
        function VersionUpDate(){
            var dbName="indexDBtest";
            var version=2;
            var idb;
            var dbConnect=indexDBtest.open(dbName,version);
            dbConnect.onsuccess=function(e){
                idb=e.target.result;
                alert("数据库链接成功！");
            }
            dbConnect.onerror=function(){
                 alert("数据库链接失败！");
            }
            dbConnect.onupgradeneeded=function(e){
                  idb=e.target.result;
                  var tx=e.target.transation;
                  var oldVersion=e.oldVersion;
                  var newVersion=e.newVersion;
                  alert("数据库更新成功"+oldVersion+"----"+newVersion);
            }
        
        
        
        }
        
    </script>
    
</head>

<body >
    <input type="button" value="数据库更新" onclick="VersionUpDate();">


</body>

</html>