HTML5本地存儲指南:Web SQL數(shù)據(jù)庫的使用
---介紹Web SQL數(shù)據(jù)庫HTML5已經(jīng)確立,不僅引入了新標簽,更重要的是實現(xiàn)了設備間的通用性和許多新功能。本地存儲(Web Storage)是其中一個必須提到的功能之一。今天我們將重點介紹其中一
---
介紹Web SQL數(shù)據(jù)庫
HTML5已經(jīng)確立,不僅引入了新標簽,更重要的是實現(xiàn)了設備間的通用性和許多新功能。本地存儲(Web Storage)是其中一個必須提到的功能之一。今天我們將重點介紹其中一種——Web SQL,也就是本地數(shù)據(jù)庫存儲。
創(chuàng)建數(shù)據(jù)庫對象
通過openDatabase方法可以創(chuàng)建一個訪問數(shù)據(jù)庫的對象,語法如下:
```javascript
var db openDatabase(databasename, version, description, size);
```
openDatabase方法有四個參數(shù),分別為:databasename(數(shù)據(jù)庫名)、version(數(shù)據(jù)庫版本號,可選)、description(數(shù)據(jù)庫描述)、size(數(shù)據(jù)庫空間大?。?。
執(zhí)行事務處理
使用第一步創(chuàng)建的數(shù)據(jù)庫訪問對象(如db),執(zhí)行transaction方法來執(zhí)行事務處理,所有數(shù)據(jù)庫操作都需要在這里進行。例如:
```javascript
(function(tx){
tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)
});
```
executeSql方法有四個參數(shù),分別為:sqlQuery(需要執(zhí)行的sql語句,如create、select、update、delete)、[value1,value2..](sql語句中所有參數(shù)的數(shù)組)、dataHandler(執(zhí)行成功時調(diào)用的回調(diào)函數(shù))、errorHandler(執(zhí)行失敗時調(diào)用的回調(diào)函數(shù))。
完整實例展示
以下是一個完整的實例代碼,可以復制到一個html頁面中,在支持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;
}
```
以上便是關于Web SQL數(shù)據(jù)庫的基本介紹和使用方法。通過這種本地存儲方式,能夠方便地在客戶端實現(xiàn)數(shù)據(jù)的存儲和管理,為Web應用程序提供了更多可能性。如果你想深入了解和使用HTML5本地存儲功能,可以嘗試編寫更復雜的應用程序,并充分利用Web SQL數(shù)據(jù)庫的特性。