// 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); });
html webSQL
最新推荐文章于 2021-04-20 20:42:49 发布