這篇“HTML5本地?cái)?shù)據(jù)庫(kù)的使用方法”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“HTML5本地?cái)?shù)據(jù)庫(kù)的使用方法”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價(jià)值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過(guò)這篇文章有所收獲，下面讓我們一起來(lái)看看具體內(nèi)容吧。

創(chuàng)新互聯(lián)公司網(wǎng)絡(luò)公司擁有十多年的成都網(wǎng)站開(kāi)發(fā)建設(shè)經(jīng)驗(yàn)，近1000家客戶(hù)的共同信賴(lài)。提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站開(kāi)發(fā)、網(wǎng)站定制、友情鏈接、建網(wǎng)站、網(wǎng)站搭建、響應(yīng)式網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格，提供周到的售前咨詢(xún)和貼心的售后服務(wù)

html有什么特點(diǎn)

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。  3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。

將介紹怎樣創(chuàng)建打開(kāi)數(shù)據(jù)庫(kù)，創(chuàng)建表，添加數(shù)據(jù)，更新數(shù)據(jù)，刪除數(shù)據(jù)，刪除表 。
先介紹三個(gè)核心方法
1、openDatabase：這個(gè)方法使用現(xiàn)有數(shù)據(jù)庫(kù)或創(chuàng)建新數(shù)據(jù)庫(kù)創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象。
2、transaction：這個(gè)方法允許我們根據(jù)情況控制事務(wù)提交或回滾。
3、executeSql：這個(gè)方法用于執(zhí)行真實(shí)的SQL查詢(xún)。
第一步：打開(kāi)連接并創(chuàng)建數(shù)據(jù)庫(kù)

代碼如下:

var dataBase = openDatabase("student", "1.0", "學(xué)生表", 1024 * 1024, function () { });
if
 (!dataBase) {
    alert("數(shù)據(jù)庫(kù)創(chuàng)建失敗！");
} 
else
 {
    alert("數(shù)據(jù)庫(kù)創(chuàng)建成功！");
}

解釋一下openDatabase方法打開(kāi)一個(gè)已經(jīng)存在的數(shù)據(jù)庫(kù)，如果數(shù)據(jù)庫(kù)不存在，它還可以創(chuàng)建數(shù)據(jù)庫(kù)。幾個(gè)參數(shù)意義分別是：
1，數(shù)據(jù)庫(kù)名稱(chēng)。
2，版本號(hào) 目前為1.0,不管他，寫(xiě)死就OK。
3，對(duì)數(shù)據(jù)庫(kù)的描述。
4，設(shè)置數(shù)據(jù)的大小。
5，回調(diào)函數(shù)(可省略)。
初次調(diào)用時(shí)創(chuàng)建數(shù)據(jù)庫(kù)，以后就是建立連接了。
創(chuàng)建的數(shù)據(jù)庫(kù)就存在本地，路徑如下：
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_4987 。
創(chuàng)建的是一個(gè)sqllite數(shù)據(jù)庫(kù)，可以用SQLiteSpy打開(kāi)文件，可以看到里面的數(shù)據(jù)。SQLiteSpy是一個(gè)綠色軟件，可以百度一下下載地址或SQLiteSpy官方下載：SQLiteSpy。
第二步：創(chuàng)建數(shù)據(jù)表

代碼如下:

this.createTable=function() {  
dataBase.transaction( function(tx) {     
tx.executeSql(        
"create table if not exists stu (id REAL UNIQUE, name TEXT)",         
[],         
function(tx,result){ alert('創(chuàng)建stu表成功'); 
},         
function(tx, error){ alert('創(chuàng)建stu表失敗:' + error.message);     
}); 
});
}

解釋一下，
executeSql函數(shù)有四個(gè)參數(shù)，其意義分別是：
1）表示查詢(xún)的字符串，使用的SQL語(yǔ)言是SQLite 3.6.19。
2）插入到查詢(xún)中問(wèn)號(hào)所在處的字符串?dāng)?shù)據(jù)。
3）成功時(shí)執(zhí)行的回調(diào)函數(shù)。返回兩個(gè)參數(shù)：tx和執(zhí)行的結(jié)果。
4）一個(gè)失敗時(shí)執(zhí)行的回調(diào)函數(shù)。返回兩個(gè)參數(shù)：tx和失敗的錯(cuò)誤信息。
第三步：執(zhí)行增刪改查
1）添加數(shù)據(jù)：

代碼如下:

this.insert = function () {
  dataBase.transaction(function (tx) {
            tx.executeSql(
        "insert  into  stu (id, name) values(?, ?)",
        [id, '徐明祥'],
        function () { alert('添加數(shù)據(jù)成功'); },
        function (tx, error) { alert('添加數(shù)據(jù)失敗: ' + error.message); 
        } );
    });

2）查詢(xún)數(shù)據(jù)

代碼如下:

this.query = function () {
  dataBase.transaction(function (tx) {
            tx.executeSql(
        "select  *  from  stu", [],
         function (tx, result) {  //執(zhí)行成功的回調(diào)函數(shù)
             //在這里對(duì)result 做你想要做的事情吧...........
            },
         function (tx, error) {
            alert('查詢(xún)失敗: ' + error.message);
         } );
      });
}

解釋一下
上面代碼中執(zhí)行成功的回調(diào)函數(shù)有一參數(shù)result。

result：查詢(xún)出來(lái)的數(shù)據(jù)集。其數(shù)據(jù)類(lèi)型為 SQLResultSet ，就如同C#中的DataTable。
SQLResultSet 的定義為：

代碼如下:

interface  SQLResultSet {
             readonly  attribute  long  insertId;
             readonly  attribute  long  rowsAffected;
             readonly  attribute  SQLResultSetRow
List
  rows;
             };

其中最重要的屬性—SQLResultSetRowList 類(lèi)型的 rows 是數(shù)據(jù)集的“行” 。
rows 有兩個(gè)屬性：length、item 。
故，獲取查詢(xún)結(jié)果的某一行某一列的值 ：result.rows[i].item[fieldname]  。

3）更新數(shù)據(jù)

代碼如下:

this.update = function (id, name) {   
dataBase.transaction(function (tx) {            
tx.executeSql(        
"update  stu  set  name =  ?  where  id= ?",        
[name, id],         
function (tx, result) {         },        
function (tx, error) {            
alert('更新失敗: ' + error.message);        
});   
});
}

4）刪除數(shù)據(jù)

代碼如下:

this.del = function (id) {
     dataBase.transaction(function (tx) {
            tx.executeSql(
        "
delete
  from  stu  where  id= ?",
        [id],
         function (tx, result) {
         },
        function (tx, error) {
            alert('刪除失敗: ' + error.message);
        });
    });
}

5）刪除數(shù)據(jù)表

代碼如下:

this.dropTable = function () {    
dataBase.transaction(function (tx) {            
tx.executeSql('drop  table  stu');     
});
}

感謝你的閱讀，希望你對(duì)“HTML5本地?cái)?shù)據(jù)庫(kù)的使用方法”這一關(guān)鍵問(wèn)題有了一定的理解，具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì)，快去試試吧，如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：HTML5本地?cái)?shù)據(jù)庫(kù)的使用方法
鏈接分享：http://chinadenli.net/article28/pipocp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站設(shè)計(jì)、定制開(kāi)發(fā)、靜態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)