html5增加新的特性，那就是增加了本地存儲！改善用戶體驗，或許html5會帶著我們走進新的互聯(lián)網(wǎng)時代。

下面看看怎樣操作web 數(shù)據(jù)庫吧��！首先新建數(shù)據(jù)庫！

var db = window.openDatabase("mydata", "1.0","數(shù)據(jù)庫描述",20000);
//window.openDatabase("數(shù)據(jù)庫名字", "版本","數(shù)據(jù)庫描述",數(shù)據(jù)庫大小);
if(db)  
     alert("新建數(shù)據(jù)庫成功！");

這里只是粗略的講一講，如果想看詳細的說明可以參考其他的教程，也請見諒了！

怎樣操作數(shù)據(jù)庫呢？

db.transaction(function(tx) {
 tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
});

上面是新建數(shù)據(jù)表！本地數(shù)據(jù)庫是通過db.transaction()函數(shù)來實現(xiàn)的，再看下面的代碼吧！

插入記錄：

db.transaction(function(tx) {
 tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()], null, null);
});

更新記錄：

db.transaction(function(tx) {
 tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);
});

查詢記錄：

db.transaction(function(tx) {
 tx.executeSql("SELECT * FROM test", [],  
  function(tx, result) {
   for(var i = 0; i < result.rows.length; i++){ 
   document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />'); 
  } 
 }, function(){
  alert("error");
 }); 
});

刪除表：

db.transaction(function(tx) {
 tx.executeSql("DROP TABLE test");
})

其實本地數(shù)據(jù)庫無非就是幾個借口而已，如果不了解sql語句的，可以參考其他網(wǎng)站的教程！

怎樣查看數(shù)據(jù)庫是否創(chuàng)建成功呢？google瀏覽里提供了很人性化的工具，看圖片啦

本地數(shù)據(jù)庫就介紹到這里吧