zoukankan      html  css  js  c++  java
  • 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.....

     

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

    邮箱:yunanwu@foxmail.com 微博:@提灯寻影(http://weibo.com/wuyunnan) 技术主页:http://www.cnblogs.com/yuanawu/ 可以白手起家不可手无寸铁!我是我命运的主宰者,我是我灵魂的掌舵人! 每一次的选择都将是一个挑战!
  • 相关阅读:
    jQuery EasyUI API 中文文档 数字框(NumberBox)
    jQuery EasyUI API 中文文档 数值微调器(NumberSpinner)
    jQuery EasyUI API 中文文档 日期时间框(DateTimeBox)
    jQuery EasyUI API 中文文档 微调器(Spinner)
    jQuery EasyUI API 中文文档 树表格(TreeGrid)
    jQuery EasyUI API 中文文档 树(Tree)
    jQuery EasyUI API 中文文档 属性表格(PropertyGrid)
    EntityFramework 数据操作
    jQuery EasyUI API 中文文档 对话框(Dialog)
    jQuery EasyUI API 中文文档 组合表格(ComboGrid)
  • 原文地址:https://www.cnblogs.com/yunanwu/p/4168576.html
Copyright © 2011-2022 走看看