html5 之一web sql databse

最近再学HTML5，来看看HTML5的强大之处之--web sql databse把

看一下三个核心方法：

1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。

2、transaction：这个方法允许我们根据情况控制事务提交或回滚。

3、executeSql：这个方法用于执行真实的SQL查询。

具体的还是擦考W3C的开发文档把。。。

废话不多说，上一下代码你就会喜欢了....

<script type="text/javascript">  
          var db = openDatabase('webdb', '1.0', 'HTML5 DB', 5 * 1024 * 1024);  
          if (!db)  
              alert("您使用的浏览器无法很好的支持本系统，推荐您使用Google Chrome");  
    
          var msg;  
          db.transaction(function (tx) {  
              //执行sql语句  
              tx.executeSql('CREATE TABLE IF NOT EXISTS TEST (id unique, tag)');  
              tx.executeSql('INSERT INTO TEST (id, tag) VALUES (1, "YunanWu")');  
              tx.executeSql('INSERT INTO TEST (id, tag) VALUES (2, "我日这么强大。。")');  
              tx.executeSql('INSERT INTO TEST (id, tag) VALUES (3, "爱不释手了")');  
    
          });  
    
          db.transaction(function (tx) {  
              tx.executeSql('SELECT * FROM TEST', [], function (tx, results) {  
                  var len = results.rows.length, i;  
                  msg = "<p>总共行数: " + len + "</p>";  
                  $("#divId").html($("#divId").html() + msg);  
                  for (i = 0; i < len; i++) {  
                      msg = "<p><b>" + results.rows.item(i).tag + "</b></p>";       
                      $("#divId").html($("#divId").html() + msg);  
                  }  
              }, null);  
          });      
  </script>

运行结果：

 

体验它的强大把。html5.....

 

本文从百度空间搬家到博客园。。