雖然HTML5已經(jīng)提供了功能強(qiáng)大的localStorage和sessionStorage，但是他們兩個(gè)都只能提供儲(chǔ)存簡(jiǎn)單資料結(jié)構(gòu)的數(shù)據(jù)，對(duì)於複雜的Web應(yīng)用的數(shù)據(jù)卻無能為力。逆天的是HTML5提供了一個(gè)瀏覽器端的資料庫(kù)支持，允許我們直接通JS的API在瀏覽器端創(chuàng)建一個(gè)本地的資料庫(kù)，而且支持標(biāo)準(zhǔn)的SQL的CRUD操作，讓離線的Web應(yīng)用更加方便的存儲(chǔ)結(jié)構(gòu)化的數(shù)據(jù)。接著裡介紹一下本地資料的相關(guān)API和用法。

操作本機(jī)資料庫(kù)的最基本的步驟是：

第一步：openDatabase方法：建立一個(gè)存取資料庫(kù)的物件。

第二步：使用第一步建立的資料庫(kù)存取物件來執(zhí)行transaction方法，透過此方法可以設(shè)定一個(gè)開啟事務(wù)成功的事件回應(yīng)方法，在事件回應(yīng)方法中可以執(zhí)行SQL.

第三步：透過executeSql方法執(zhí)行查詢，當(dāng)然查詢可以是：CRUD。

接下來分別介紹相關(guān)的方法的參數(shù)和用法。

1. openDatabase方法

//Demo：取得或建立一個(gè)資料庫(kù)，如果資料庫(kù)不存在那麼建立之

var dataBase = openDatabase("student", "1.0", "學(xué)生表", 1024 * 1024, function () { });

openDatabase方法開啟一個(gè)已經(jīng)存在的資料庫(kù)，如果資料庫(kù)不存在，它還可以建立資料庫(kù)。幾個(gè)參數(shù)意義分別是：

• 資料庫(kù)名稱。

• 資料庫(kù)的版本號(hào)，目前來說傳個(gè)1.0就可以了，當(dāng)然可以不填；

• 對(duì)資料庫(kù)的描述。

• 設(shè)定分配的資料庫(kù)的大?。▎挝皇莐b）。

• 回呼函數(shù)(可省略)。

初次呼叫時(shí)建立資料庫(kù)，以後就是建立連線了。

2. db.transaction方法

可以設(shè)定一個(gè)回呼函數(shù)，此函數(shù)可以接受一個(gè)參數(shù)就是我們開啟的交易的物件。然後透過此物件可以執(zhí)行SQL腳本。

3. executeSql方法執(zhí)行查詢

ts.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

參數(shù)說明：

• ### #####qlQuery：需要具體執(zhí)行的sql語句，可以是create、select、update、delete;##################[value1,value2..]： sql語句中所有使用到的參數(shù)的數(shù)組，在executeSql方法中，將s>語句中所要使用的參數(shù)先用“?”代替，然後依次將這些參數(shù)組成數(shù)組放在第二個(gè)參數(shù)中;### ###############dataHandler：執(zhí)行成功是呼叫的回呼函數(shù)，透過該函數(shù)可以獲得查詢結(jié)果集;######

• errorHandler：執(zhí)行失敗時(shí)呼叫的回呼函數(shù);