<tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
    <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
    <em id="fuft6"><acronym id="fuft6"></acronym></em>
          <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>
          首頁技術文章正文

          IndexedDB的基本使用:打開數據庫

          更新時間:2021-09-30 來源:黑馬程序員 瀏覽量:

          IndexedDB可以通過網頁腳本語言來操作,這是由于瀏覽器中提供了IndexedDB對象。接下來介紹通過IndexedDB API創建數據庫的步驟以及打開數據庫。

          1.打開數據庫
          讀者可以使用indexedDB.open()方法打開數據庫,示例代碼如下:

          var openReguest indexedDB.open('demo',1) ;

          上述代碼為open(方法傳入了兩個參數,其中第1個參數demo表示數據庫名稱,該參數是必需的,不能省略:第2個參數1表示的是數據庫版本號,該參數可以省略(如果省略,那么默認打開的數據庫版本號是1,反之該參數設置的數據庫版本號必須是一個大于0的正整數)。這里需要說明的是,如果要打開的數據庫不存在,那么調用indexedDB.open()方法時,會創建一個新的數據庫。
          調用indexedDB.open()方法后,有可能觸發4種事件,如表11-18所示。
          1632991228039_IndexedDB的基本使用.png

          如果是第一次打開數據庫,會先觸發upgradeneeded事件,再觸發onsuccess事件。根據不同的需要,可以對不同的事件設立回調函數,示例代碼如下。

          var openRequest=indexedDB.open('demo,1);
          var db;
          openRequest.onupgradeneeded=function(e){
          console.log('Upgrading...');
          
          openRequest.onsuccess=function(e){
          console.log('Success!');
          
          db=e.target.result;
          }
          
          openRequest.onerror=function(e){
          
          console.log('Error') ;
          
          console.dir(e);
          }

          在上述代碼中,open方法返回是一個對象,(IDBOtenDBequest)事件的回掉函數定義在該對象上面?;卣{函數接受一個事件對象,event作為參數,event的target,result就指向打開的IndexeddDB數據庫。





          猜你喜歡:

          oracle體系結構是由數據庫和什么組成?

          怎樣優化數據庫查詢?

          什么是數據庫技術?數據庫技術簡介

          HTML5的input增加哪些type?

          黑馬程序員web前端與移動開發課程

          在線咨詢 我要報名
          和我們在線交談!

          黄色网站片

          <tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
            <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
            <em id="fuft6"><acronym id="fuft6"></acronym></em>
                  <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>