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

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

HTML5本地?cái)?shù)據(jù)庫是什么？

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

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

H5本地?cái)?shù)據(jù)庫Web SQL使用方法

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

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

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

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

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

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

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