HTML DOM indexedDB open() 方法

indexedDB 接口的open()方法请求打开与数据库的连接。此方法立即返回一个 IDBOpenDBRequest 对象并异步执行打开操作。

句法：

var IDBOpenDBRequest = indexedDB.open(name);
// Or
var IDBOpenDBRequest = indexedDB.open(name, version);

参数：此方法接受上面提到和下面描述的两个参数：

• name：要打开的数据库的名称。
• version（可选）：打开数据库的版本。

返回值：此方法返回一个IDBOpenDBRequest 对象。

示例：在本示例中，我们将使用此方法打开名为“toDoList”的数据库。

HTML

    indexedDB open() method


    
        GeeksforGeeks
    
  
    
        HTML | indexedDB open() method
    
  
    
        Click Here
    
    
  
    
    var a = document.getElementById("a");
    function Geeks() {
        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
        var DBOpen = window.indexedDB.open("toDoList", 4);
  
        DBOpen.onerror = function (event) {
            a.innerHTML += "<li>Error loading database.</li>";
        };
  
        DBOpen.onsuccess = function (event) {
            a.innerHTML += "<li>Database initialised.</li>";
            console.log(DBOpen);
            console.log(window.indexedDB.databases());
        };
    }
    

输出：

点击按钮前：

单击按钮后：在控制台中，可以看到 IDBOpenDBRequest 对象以及数据库数组中的数据库“toDoList”

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧