在html5之前的時代，如果需要在客戶端本地保存數(shù)據(jù)，只能存儲在Cookie中，但是Cookie使用過多會影響請求速度，所以并不適合存儲大量數(shù)據(jù)。

而在HTML5面世后，自帶了本地存儲和本地數(shù)據(jù)庫功能，更為便捷的管理客戶端數(shù)據(jù)。

HTML5本地數(shù)據(jù)庫是什么？

HTML5提供了一個基于瀏覽器端的數(shù)據(jù)庫（WebSQL 、IndexedDB），我們可以通過JS API來在瀏覽器端創(chuàng)建一個本地數(shù)據(jù)庫，而且它還支持標準的SQL來執(zhí)行CRUD操作。

如何查看本地的數(shù)據(jù)庫呢？通過各個瀏覽器的調試工具可以查看。

H5本地數(shù)據(jù)庫Web SQL使用方法

在HTML5中操作本地數(shù)據(jù)庫都是通過JS API來實現(xiàn)的，很簡單，步聚如下：

1、通過 openDatabase 創(chuàng)建數(shù)據(jù)庫對象

var db=openDatabase(數(shù)據(jù)庫名稱,數(shù)據(jù)庫版本號,數(shù)據(jù)庫描述,數(shù)據(jù)庫大小,回調函數(shù))

2、通過 db.transaction 設置回調函數(shù)

3、通過 executeSql 方法執(zhí)行查詢

H5連接遠程線上數(shù)據(jù)庫

HTML5默認情況下是無法連接遠程數(shù)據(jù)庫的，一般都是通過API去操作數(shù)據(jù)庫。比如當下流行的前后端完全分離，借助的就是RESTful來實現(xiàn)業(yè)務數(shù)據(jù)的CRUD操作。