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