在HTML5之前的時(shí)代,如果需要在客戶端本地保存數(shù)據(jù),只能存儲(chǔ)在Cookie中,但是 Cookie使用過多會(huì)影響請(qǐng)求速度 ,所以并不適合存儲(chǔ)大量數(shù)據(jù)。
創(chuàng)新互聯(lián)建站是專業(yè)的五大連池網(wǎng)站建設(shè)公司,五大連池接單;提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行五大連池網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
而在HTML5面世后,自帶了本地存儲(chǔ)和本地?cái)?shù)據(jù)庫(kù)功能,更為便捷的管理客戶端數(shù)據(jù)。
HTML5提供了一個(gè) 基于瀏覽器端的數(shù)據(jù)庫(kù) (WebSQL 、IndexedDB),我們可以通過JS API來在瀏覽器端創(chuàng)建一個(gè)本地?cái)?shù)據(jù)庫(kù),而且它還支持標(biāo)準(zhǔn)的SQL來執(zhí)行CRUD操作。
如何查看本地的數(shù)據(jù)庫(kù)呢?通過各個(gè) 瀏覽器的調(diào)試工具 可以查看。
在HTML5中操作本地?cái)?shù)據(jù)庫(kù)都是通過JS API來實(shí)現(xiàn)的,很簡(jiǎn)單,步聚如下:
1、通過 openDatabase 創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象
2、通過 db.transaction 設(shè)置回調(diào)函數(shù)
3、通過 executeSql 方法執(zhí)行查詢
HTML5默認(rèn)情況下是無法連接遠(yuǎn)程數(shù)據(jù)庫(kù)的,一般都是通過API去操作數(shù)據(jù)庫(kù)。比如當(dāng)下流行的前后端完全分離,借助的就是RESTful來實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的CRUD操作。
怎么會(huì)問這個(gè)問題,HTML是不可能鏈接數(shù)據(jù)庫(kù)的,他是標(biāo)簽類語言,是用于構(gòu)建靜態(tài)頁(yè)面的,要想鏈接數(shù)據(jù)庫(kù)必須得支持網(wǎng)絡(luò)通信和IO的,顯然HTML并沒有支持,HTML只是用來設(shè)計(jì)頁(yè)面的。
我還以為我落伍了,h5連數(shù)據(jù)庫(kù)
關(guān)于HTML5的解釋簡(jiǎn)要如下:
1、HTML5是HTML最新的修訂版本,2014年10月由萬維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。目標(biāo)是取代1999年所制定的HTML 4.01和XHTML 1.0標(biāo)準(zhǔn),以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候,使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求。廣義論及HTML5時(shí),實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少網(wǎng)頁(yè)瀏覽器對(duì)于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)(Plug-in-Based Rich Internet Application,RIA),例如:Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求,并且提供更多能有效加強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)集。
2、具體來說,HTML5添加了許多新的語法特征,其中包括video、audio和canvas元素,同時(shí)集成了SVG內(nèi)容。這些元素是為了更容易的在網(wǎng)頁(yè)中添加和處理多媒體和圖片內(nèi)容而添加的。其它新的元素如section、article、header和nav則是為了豐富文檔的數(shù)據(jù)內(nèi)容。新的屬性的添加也是為了同樣的目的。同時(shí)也有一些屬性和元素被移除掉了。一些元素,像a、cite和menu被修改,重新定義或標(biāo)準(zhǔn)化了。同時(shí)APIs和DOM已經(jīng)成為HTML5中的基礎(chǔ)部分了。HTML5還定義了處理非法文檔的具體細(xì)節(jié),使得所有瀏覽器和客戶端程序能夠一致地處理語法錯(cuò)誤,ITJOB。
HTML5連接數(shù)據(jù)庫(kù)分為以下幾步:
預(yù)備知識(shí):Web SQL Database,Html5環(huán)境下可以用Js執(zhí)行CRUD的Web數(shù)據(jù)庫(kù)組件。
核心方法如下:
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查詢。
第一步:打開連接并創(chuàng)建數(shù)據(jù)庫(kù)
var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("數(shù)據(jù)庫(kù)創(chuàng)建失敗!");
} else {
alert("數(shù)據(jù)庫(kù)創(chuàng)建成功!");
}
第二步:創(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);
});
});
}
第三步:執(zhí)行增刪改查
添加數(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);
} );
});
HTML的全稱是超文本標(biāo)記語言,是一種標(biāo)記語言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本,可以解釋文字、圖形、動(dòng)畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁(yè)的語言。它被稱為超文本標(biāo)記語言,它是一種標(biāo)記語言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
文章題目:html5庫(kù),html代碼庫(kù)
分享URL:http://vcdvsql.cn/article40/dsdgsho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、虛擬主機(jī)、Google、品牌網(wǎng)站設(shè)計(jì)、域名注冊(cè)、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(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í)需注明來源: 創(chuàng)新互聯(lián)