原文出处:http://www.html5china.com/HTML5features/WebSQLDatabases/20110926_2032.html

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浏览里提供了很人性化的工具,看图片啦


本地数据库就介绍到这里吧

附件下载:
database.rar 765字节



本文转载:CSDN博客