time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > HTML5的Web Database 数据库的使用示例

HTML5的Web Database 数据库的使用示例

时间:2012-12-09 11:09 点击:1331次 字体:[ ]




HTML5的Web Database 数据库的使用示例

  1. //openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小  
  2.         var db = window.openDatabase("mydatabase""1.0""我的数据库描述", 20000);  

数据库的SQL语句的使用方法

 

 

  1. dbname.transaction(function (tx) {  
  2.             tx.executeSql(sql);  
  3.         });  
  1. <!DOCTYPE html> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5.     <title></title> 
  6.     <style type="text/css"> 
  7.           
  8.     </style> 
  9. </head> 
  10. <body> 
  11.     <div> 
  12.     </div> 
  13.     <script type="text/javascript"> 
  14.         //openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库  
  15.         var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);  
  16.         var d = new Date();  
  17.  
  18.         //创建数据表  
  19.         var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";  
  20.         db.transaction(function (tx) {  
  21.             tx.executeSql(sql);  
  22.         });  
  23.         //往数据表插入数据  
  24.         db.transaction(function (tx) {  
  25.             tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["www.fengfly.com 雨枫技术教程网", d.toLocaleString()], null, null);  
  26.         });  
  27.         //删除数据表  
  28.         //db.transaction(function (tx) {  
  29.         //   tx.executeSql("DROP TABLE mytable ");  
  30.         //});  
  31.         db.transaction(function (tx) {  
  32.             tx.executeSql("SELECT * FROM mytable", [],  
  33.                  function (tx, result) {  
  34.                      for (var i = 0; i < result.rows.length; i++) {  
  35.                          document.write('<h1>' +  
  36.         result.rows.item(i)['mytitle'] + " " +  
  37.             result.rows.item(i)['timestamp'] +  
  38.         '</h1>');  
  39.                      }  
  40.                  },  
  41.                         function () {  
  42.                             alert("error");  
  43.                         });  
  44.         });  
  45.  
  46.     </script> 
  47.  
  48. </body> 
  49. </html> 

 



本文地址 : http://www.fengfly.com/plus/view-210801-1.html
标签: HTML5 Web Database
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: