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




      

      推薦：HTML5實踐-圖片設置成灰度圖
      以前，在web上要顯示灰度圖片的話，只有手工使用圖片軟件轉換。但是現在借助于html5的canvas可以實現這個過程，而不需要再借助圖片編輯軟件了
      
//openDatabase方法打開已經存在的數據庫，如果不存在將會創建一個數據庫，參數分別是 數據庫的名稱，版本，數據庫的描述，和數據大小 var db = window.openDatabase("mydatabase", "1.0", "我的數據庫描述", 20000);

      

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

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

      

      


      復制代碼 代碼如下: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安全介紹之內容安全策略（CSP）簡介
      前言：HTML5出現后，網絡安全更加受到廣泛的關注。Web對于網絡安全有哪些改進？我們如何來面對越來越危險的網絡欺詐和攻擊？下面的文章談到了W3C對于這個問題的最新解決方案。未來有機會的話，我會針對XSS、P3P、同源策略、CORS（跨域資源共享）和CSP進行關于HTML5內容
      


      

      



      


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


      

      



      


      



      相關HTML5教程：