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/ 可以白手起家不可手无寸铁!我是我命运的主宰者,我是我灵魂的掌舵人! 每一次的选择都将是一个挑战!
  • 相关阅读:
    c语言结构体数组引用
    c语言结构体数组定义的三种方式
    如何为SAP WebIDE开发扩展(Extension),并部署到SAP云平台上
    SAP SRM ABAP Webdynpro和CFCA usb key集成的一个原型开发
    使用SAP API portal进行SAP SuccessFactors的API测试
    SAP UI5应用里的页面路由处理
    在SAP WebIDE Database Explorer里操作hdi实例
    如何使用SAP事务码SAT进行UI应用的性能分析
    使用SAP WebIDE进行SAP Cloud Platform Business Application开发
    SAP CRM WebClient UI ON_NEW_FOCUS的用途
  • 原文地址:https://www.cnblogs.com/yunanwu/p/4168576.html
Copyright © 2011-2022 走看看