那么如何使用WebSQL？

我们需要做的第一步是通过使用“OpenDatabase”函数开放数据库，如下图所示。第一个参数是数据库的名称，接下来是版本，然后一个简单的文本标题，最后的是数据库的大小。

var db=openDatabase('dbCustomer','1.0','Customer app’, 2 * 1024 * 1024);

要执行SQL，我们需要使用“transaction”函数，并调用“executeSql”函数执行SQL。

db.transaction(function (tx)
{
tx.executeSql('CREATE TABLE IF NOT EXISTS tblCust(id unique, customername)');
tx.executeSql('INSERT INTO tblcust (id, customername) VALUES(1, "shiv")');
tx.executeSql('INSERT INTO tblcust (id, customername) VALUES (2, "raju")');
}

如果你执行“select”查询，那么你将得到的数据是“results”集合，这个数据集合可以循环和显示在HTML界面中。

db.transaction(function (tx)
{
  tx.executeSql('SELECT * FROM tblcust', [], function (tx, results) {
   for (i = 0; i < len; i++)
{
     msg = "<p><b>" + results.rows.item(i).log + "</b></p>";
     document.querySelector('#customer).innerHTML +=  msg;
}
 }, null);
});