html webSQL

//    webSQL
function createDbSuccess() {
    console.log('创建数据库成功');
}
//创建数据库
//数据库名称 版本号 描述文本 数据库大小 回调函数
var db = openDatabase('db27', '1.0', 'Test DB', 2 * 1024 * 1024,createDbSuccess());
var msg;
var dbId=4;
var dbName='jack';
db.transaction(function (tx) {
//创建表
    tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
    //增
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (3, "jayson")');
    tx.executeSql('INSERT INTO LOGS (id,log) VALUES (?, ?)', [dbId, dbName]);


    msg = '<p>数据表已创建，且插入了两条数据。</p>';
    // document.querySelector('#status').innerHTML =  msg;
    document.getElementById('status').innerHTML=msg;
});
//删
//sql语句 参数变量 成功的回调 失败的回调
db.transaction(function(tx) {
    tx.executeSql('DELETE FROM LOGS WHERE id=?', [4],function (tx,results) {
        console.log('success');
    },function (tx,error) {
        console.log('failed:'+error.message);
    });
});
//改：更新
db.transaction(function(tx) {
    tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=?', [2]);
});

db.transaction(function (tx) {
    //查
    tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
        var len = results.rows.length, i;
        msg = "<p>查询记录条数: " + len + "</p>";
        // document.querySelector('#status').innerHTML +=  msg;
        document.getElementById('status').innerHTML +=  msg;
        for (i = 0; i < len; i++){
            msg = "<p><b>" + results.rows.item(i).log + "</b></p>";
            // document.querySelector('#status').innerHTML +=  msg;
            document.getElementById('status').innerHTML +=  msg;
        }
    }, null);
});