HTML5的Web SQL DataBase本地数据库增删改查

怎样使用 HTML5中的web sql database本地数据库，对本地存储数据库的使用方法，全部都有js实现，怎样使用js实现数据库的增加删除修改查询呢，下面为大家详细讲解。

HTML5中的本地存储数据库Web Sql Database数据库是web互联网发展的一个重大标志，我们可以将一些常用的信息，不是很重要的全部存储到本地，这样可以减少服务器、带宽的传输，大大提高我们的访问效率，而且一些以前不能实现的功能，现在也都可以借助HTML5 本地存储来实现。

首先来看看怎样创建数据库：

1、创建数据库

var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
//window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
if(db)  
     alert("新建数据库成功！");

       2、怎样连接数据库

db.transaction(function(tx) {
 tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
});

上面是新建数据表！本地数据库是通过db.transaction()函数来实现的，再看下面的 代码 吧！

插入记录：

db.transaction(function(tx) {
 tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()], null, null);
});

       更新记录：

db.transaction(function(tx) {
 tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);
});

       查询记录:

db.transaction(function(tx) {
 tx.executeSql("SELECT * FROM test", [],  
  function(tx, result) {
   for(var i = 0; i < result.rows.length; i++){ 
   document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />'); 
  } 
 }, function(){
  alert("error");
 }); 
});

       删除表：

db.transaction(function(tx) {
 tx.executeSql("DROP TABLE test");
})

这些都是我们以前经常见到的，所以相信大家有过web开发的同学们很容易学习和上手，就是将传统的转换下写法，本地数据库的操作都是通过db.transaction()这个函数来实现的，希望对大家有所帮助。