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.....

 

 

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