Web SQL DatabaseWeb SQL Database创建表编号名称价格删除商品信息名称：价格：添加() { log(); }); select() { ).remove(); db.transaction(function(tx) { tx.executeSql( , [], function(tx, result) { ) { ); $(]).appendTo(tr); $(]).appendTo(tr); $(]).appendTo(tr); ) $().append(del).appendTo(tr); tr.appendTo(); } }, function(tx, error) { log( error.message); }); }); } select(); createTable() { db.transaction(function(tx) { tx.executeSql( , [], function(tx, result) { log(); }, function(tx, error) { log( error.message); }); }); } insert() { db.transaction(function(tx) { tx.executeSql( , [$().val()], function(tx, result) { log(); select(); }, function(tx, error) { log( error.message); }); }); } del(id,link) { db.transaction(function(tx) { tx.executeSql( , [id], function(tx, result) { log(); ).remove(); }, function(tx, error) { log( error.message); }); }); } log(info) { $(; }

运行结果：

删除表

dropTable() { db.transaction(function(tx) { tx.executeSql( "drop table IF EXISTS goods", [], function(tx, result) { log('删除表成功'); }, function(tx, error) { log('删除表失败' + error.message); }); }); }

运行结果：

D:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases

前面的示例中javascript方法都直接暴露在window下，有可能与别的js冲突，可以进行简单封装。

简单对象封装示例：