HTML5本地存儲(chǔ)指南:Web SQL數(shù)據(jù)庫(kù)的使用
---介紹Web SQL數(shù)據(jù)庫(kù)HTML5已經(jīng)確立,不僅引入了新標(biāo)簽,更重要的是實(shí)現(xiàn)了設(shè)備間的通用性和許多新功能。本地存儲(chǔ)(Web Storage)是其中一個(gè)必須提到的功能之一。今天我們將重點(diǎn)介紹其中一
---
介紹Web SQL數(shù)據(jù)庫(kù)
HTML5已經(jīng)確立,不僅引入了新標(biāo)簽,更重要的是實(shí)現(xiàn)了設(shè)備間的通用性和許多新功能。本地存儲(chǔ)(Web Storage)是其中一個(gè)必須提到的功能之一。今天我們將重點(diǎn)介紹其中一種——Web SQL,也就是本地?cái)?shù)據(jù)庫(kù)存儲(chǔ)。
創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象
通過(guò)openDatabase方法可以創(chuàng)建一個(gè)訪問(wèn)數(shù)據(jù)庫(kù)的對(duì)象,語(yǔ)法如下:
```javascript
var db openDatabase(databasename, version, description, size);
```
openDatabase方法有四個(gè)參數(shù),分別為:databasename(數(shù)據(jù)庫(kù)名)、version(數(shù)據(jù)庫(kù)版本號(hào),可選)、description(數(shù)據(jù)庫(kù)描述)、size(數(shù)據(jù)庫(kù)空間大?。?。
執(zhí)行事務(wù)處理
使用第一步創(chuàng)建的數(shù)據(jù)庫(kù)訪問(wèn)對(duì)象(如db),執(zhí)行transaction方法來(lái)執(zhí)行事務(wù)處理,所有數(shù)據(jù)庫(kù)操作都需要在這里進(jìn)行。例如:
```javascript
(function(tx){
tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)
});
```
executeSql方法有四個(gè)參數(shù),分別為:sqlQuery(需要執(zhí)行的sql語(yǔ)句,如create、select、update、delete)、[value1,value2..](sql語(yǔ)句中所有參數(shù)的數(shù)組)、dataHandler(執(zhí)行成功時(shí)調(diào)用的回調(diào)函數(shù))、errorHandler(執(zhí)行失敗時(shí)調(diào)用的回調(diào)函數(shù))。
完整實(shí)例展示
以下是一個(gè)完整的實(shí)例代碼,可以復(fù)制到一個(gè)html頁(yè)面中,在支持HTML5的瀏覽器上查看效果:
```html
.addDiv{
border: 2px dashed ccc;
width:400px;
text-align:center;
}
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: 4f6b72;
border-right: 1px solid C1DAD7;
border-bottom: 1px solid C1DAD7;
border-top: 1px solid C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
}
td {
border-right: 1px solid C9DAD7;
border-bottom: 1px solid C9DAD7;
background: fff;
padding: 6px 6px 6px 12px;
color: 4f6b72;
}
```
以上便是關(guān)于Web SQL數(shù)據(jù)庫(kù)的基本介紹和使用方法。通過(guò)這種本地存儲(chǔ)方式,能夠方便地在客戶端實(shí)現(xiàn)數(shù)據(jù)的存儲(chǔ)和管理,為Web應(yīng)用程序提供了更多可能性。如果你想深入了解和使用HTML5本地存儲(chǔ)功能,可以嘗試編寫更復(fù)雜的應(yīng)用程序,并充分利用Web SQL數(shù)據(jù)庫(kù)的特性。