HTML5 Web Database 數據庫的SQL語句的使用方法_HTML5教程
      
編輯Tag賺U幣
      




      

      推薦：html5 跨文檔消息傳輸示例探討
      想實現跨文檔消息傳輸首先要對窗口對象的message事件進行監聽，然后使用window對象的postMessage()方法向其他窗口發送消息，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈
      
//openDatabase方法打開已經存在的數據庫，如果不存在將會創建一個數據庫，參數分別是 數據庫的名稱，版本，數據庫的描述，和數據大小 var db = window.openDatabase("mydatabase", "1.0", "我的數據庫描述", 20000);

      

      數據庫的SQL語句的使用方法
      

      dbname.transaction(function (tx) { tx.executeSql(sql); });
      

      

      


      phpcode1')">復制代碼 代碼如下:www.wf0088.com

      <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title></title>
          <style type="text/css">
              
          </style>
      </head>
      <body>
          <div>
          </div>
          <script type="text/javascript">
              //openDatabase方法打開已經存在的數據庫，如果不存在將會創建一個數據庫
              var db = window.openDatabase("mydatabase", "1.0", "我的數據庫描述", 20000);
              var d = new Date();
              //創建數據表
              var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
              db.transaction(function (tx) {
                  tx.executeSql(sql);
              });
              //往數據表插入數據
              db.transaction(function (tx) {
                  tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["廣州大學華軟軟件學院3", d.toLocaleString()], null, null);
              });
              //刪除數據表
              //db.transaction(function (tx) {
              //   tx.executeSql("DROP TABLE mytable ");
              //});
              db.transaction(function (tx) {
                  tx.executeSql("SELECT * FROM mytable", [],
                       function (tx, result) {
                           for (var i = 0; i < result.rows.length; i++) {
                               document.write('<h1>' +
      　　　　　　　　result.rows.item(i)['mytitle'] + " " +
      　　　　        result.rows.item(i)['timestamp'] +
      　　　　　　　　'</h1>');
                           }
                       },
                              function () {
                                  alert("error");
                              });
              });
          </script>
      </body>
      </html>
      


      

            


      

      



      


      來源：未知//所屬分類：HTML5教程/更新時間：2013-04-22


      

      



      


      



      相關HTML5教程：