HTML5中的本地数据库-Web SQL Database

html5增加新的特性，那就是增加了本地存储！改善用户体验，或许html5会带着我们走进新的互联网时代。
 

下面看看怎样操作web 数据库吧！！首先新建数据库！
 
var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
 //window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
 if(db) 
      alert("新建数据库成功！");
 
这里只是粗略的讲一讲，如果想看详细的说明可以参考其他的教程，也请见谅了！
 
怎样操作数据库呢？
 
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");
 })
 
其实本地数据库无非就是几个借口而已，如果不了解sql语句的，可以参考其他网站的教程！
 
怎样查看数据库是否创建成功呢？google浏览里提供了很人性化的工具，看图片啦