HTML5連線資料庫分為以下幾步：

預備知識：Web SQL Database，Html5環境下可以用Js執行CRUD的Web資料庫元件。

核心方法如下：

1、openDatabase：這個方法使用現有資料庫或建立新資料庫建立資料庫物件。

2、transaction：這個方法允許我們根據情況控制事務提交或回滾。

3、executeSql：這個方法用於執行真實的SQL查詢。

第一步：開啟連線並建立資料庫

var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });

if (!dataBase) {

alert("資料庫建立失敗！");

} else {

alert("資料庫建立成功！");

}

第二步：建立資料表

this.createTable=function() {

dataBase.transaction( function(tx) {

tx.executeSql(

"create table if not exists stu (id REAL UNIQUE, name TEXT)",

[],

function(tx,result){ alert("建立stu表成功"); },

function(tx, error){ alert("建立stu表失敗:" + error.message);

});

});

}

第三步：執行增刪改查

新增資料：

this.insert = function () {

dataBase.transaction(function (tx) {

tx.executeSql(

"insert into stu (id, name) values(?, ?)",

[id, "徐明祥"],

function () { alert("新增資料成功"); },

function (tx, error) { alert("新增資料失敗: " + error.message);

} );

});