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

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