HTML5 Web Database 数据库的使用方法

 
备注：请使用chrome浏览器
 
//openDatabase方法打开已经存在的数据库，如果不存在将会创建一个数据库，参数分别是 数据库的名称，版本，数据库的描述，和数据大小
        var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);
数据库的SQL语句的使用方法
 
dbname.transaction(function (tx) {
            tx.executeSql(sql);
        });
 

HTML5 Web SQL Database 数据库的使用方法_第1张图片

 

 

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