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

下面看看怎樣操作web 數(shù)據(jù)庫(kù)吧！！首先新建數(shù)據(jù)庫(kù)！
?
var db = window.openDatabase("mydata", "1.0","數(shù)據(jù)庫(kù)描述",20000);
?//window.openDatabase("數(shù)據(jù)庫(kù)名字", "版本","數(shù)據(jù)庫(kù)描述",數(shù)據(jù)庫(kù)大小);
?if(db)?
????? alert("新建數(shù)據(jù)庫(kù)成功！");
?
這里只是粗略的講一講，如果想看詳細(xì)的說(shuō)明可以參考其他的教程，也請(qǐng)見諒了！
?
怎樣操作數(shù)據(jù)庫(kù)呢？
?
db.transaction(function(tx) {
? tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
?});
?
上面是新建數(shù)據(jù)表！本地?cái)?shù)據(jù)庫(kù)是通過(guò)db.transaction()函數(shù)來(lái)實(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í)本地?cái)?shù)據(jù)庫(kù)無(wú)非就是幾個(gè)借口而已，如果不了解sql語(yǔ)句的，可以參考其他網(wǎng)站的教程！
?
怎樣查看數(shù)據(jù)庫(kù)是否創(chuàng)建成功呢？google瀏覽里提供了很人性化的工具，看圖片啦

?

總結(jié)

以上是生活随笔為你收集整理的HTML5中的本地数据库-Web SQL Database的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。