HTML5 本地資料庫

2021-07-29 02:56:47 字數 1594 閱讀 3730

html5大大豐富了客戶端本地可以儲存的內容,新增了很多功能將原本必須要儲存在伺服器上的資料轉為儲存在客戶端本地,從而大大提高了web應用程式效能,減輕了伺服器的負擔,使用web時代重新回到了「客戶端為重、伺服器端為輕」的時代。在html5中,可以像訪問本地檔案那樣輕鬆地對內建資料庫進行直接訪問。

html5中內建了兩種本地資料庫,一種為sqllite,一種為indexeddb。 

(1)建立訪問資料庫物件

/*不存在時建立資料庫*/

/* 引數:資料庫名稱,版本號,資料庫描述,資料庫的大小*/

vardb= opendatabase("mydb","1.0","my test db",1024*100);

(2)使用事務處理
//事務

db.transaction(function(tx),function(){});

//rows屬性 rows.length; rows[index]

});
姓名:    

sql2.js
/**

* created by administrator on 2017-03-20.

*/var datatable = null;

/*不存在時建立資料庫*/

/* 引數:資料庫名稱,版本號,資料庫描述,資料庫的大小*/

var db = opendatabase("mydata", "", "mydatatable description", 1024 * 100);

//(1)初始化資料

function init()

//(2)移除所有的資料

function removeall()

//自定義的tr,th

var tr = document.createelement("tr");

var th1 = document.createelement("th");

var th2 = document.createelement("th");

var th3 = document.createelement("th");

//新增th1,2,3的內容

th1.innerhtml = "姓名";

th3.innerhtml = "時間";

//追加資料

//新增到**中

}//顯示資料

function showdata(row)

function showdataall()

效果:

再次開啟資料時,還是存在的,儲存在本地的資料庫中了!

HTML5本地資料庫的瀏覽器支援

html5提供了乙個瀏覽器端的資料庫支援,允許我們直接通js的api在瀏覽器端建立乙個本地的資料庫,而且支援標準的sql的crud操作,讓離線的web應用更加方便的儲存結構化的資料。但是,經過作者實測這個功能支援的瀏覽器有限,目測在手機端支援較好.結論是 作業系統win7 32位 ie11 不支援 ...

HTML5本地 離線 快取 儲存 資料庫 檔案

本地快取 離線快取 離線儲存 離線應用 應用可以向瀏覽器指定需要快取的檔案,使得離線 manifest 檔案 快取清單 是簡單的文字檔案,它告知瀏覽器被快取的內容以及不快取的內容。manifest 檔案可分為四個部分 1 cache manifest,指定需要快取的資源 cache manifest...

Html5本地儲存和本地資料庫

在html4的時代在瀏覽器端儲存點 個性化的資料,尤其是使用者瀏覽器的痕跡,使用者的相關資料等一般只能儲存在cookie中,但是大多是瀏覽器對於cookie的限制也就逼迫 儲存資料盡量精簡,想儲存複雜的 關係型的使用者資料就根本不可能了。但是進入html5時代,這一切都不叫事.眾所周知html4時代...