Web SQL数据库的使用教程


当前第2页 返回上一页

创建表

1

2

3

4

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

db.transaction(function (tx) { 

   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');

});

插入数据

1

2

3

4

5

6

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

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.cnblogs.com")');

});

也可以使用动态值插入数据

1

db = openDatabase(, , ,  *  *

读取数据

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

  

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.cnblogs.com")');

});

  

db.transaction(function (tx) {

   tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {      var len = results.rows.length;

      msg = "<p>查询记录条数: " + len + "</p>";

      document.querySelector('#status').innerHTML +=  msg;   

      for (i = 0; i < len; i++){

          msg = "<p><b>" + results.rows[i].log + "</b></p>";

      }

     

   }, null);

});

删除记录

1

2

3

db.transaction(function (tx) {

    tx.executeSql('DELETE FROM LOGS  WHERE id=1');

});

删除数据也可以是动态的

1

2

3

db.transaction(function(tx) {

    tx.executeSql('DELETE FROM LOGS WHERE id=?', [id]);

});

更新记录

1

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=2");

更新数据也可以是动态的

1

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=?", [id]);

注意:删除和修改不可以和建表语句放一个executeSql里,最好都分开写

以下是建好的数据库

以上就是Web SQL数据库的使用教程的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html5 web storage的图文详解

html5大文件上传技术分享

html5 canvas实现瀑布流文字效果代码

html5中必须知道的十件事

html5实现拖拽批量上传文件的代码

h5就是html5的简称吗

html5 表单验证失败的提示语问题

微信html5页面如何调用第三方位置导航

html5上传图片ios系统和android系统下均显示摄像头拍照和图片选择

h5前端开发是什么

更多相关阅读请进入《HTML5-Web》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...