Web SQL資料庫(kù)API並不是HTML5規(guī)範(fàn)的一部分，但它是一個(gè)獨(dú)立的規(guī)範(fàn)，引進(jìn)了一組使用SQL操作客戶端資料庫(kù)的API。
核心方法
openDatabase-使用現(xiàn)有的資料庫(kù)或新建的資料庫(kù)建立一個(gè)資料庫(kù)物件
transaction-能夠控制一個(gè)事物，以及基於這種情況執(zhí)行提交或回滾
executeSql-執(zhí)行實(shí)際的SQL語(yǔ)句
#開(kāi)啟資料庫(kù)
//用openDatabase()方法打開(kāi)已存在的數(shù)據(jù)庫(kù)，如果數(shù)據(jù)庫(kù)不存在，則會(huì)創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);#openDatabase( ) 方法對(duì)應(yīng)的五個(gè)參數(shù)說(shuō)明：
資料庫(kù)名稱(chēng)
#版本號(hào)
描述文字
資料庫(kù)大小（位元組）
#建立回呼（可選）
第五個(gè)參數(shù)，創(chuàng)建回調(diào)會(huì)在創(chuàng)建資料庫(kù)後被呼叫。
建立表格
var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
db.transaction(function?(tx)?{??
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
});#插入資料
var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
db.transaction(function?(tx)?{
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(1,?"博客園")');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(2,?"www.cnblogs.com")');
});也可以使用動(dòng)態(tài)值插入資料
?db?=?openDatabase(,?,?,??*??*
讀取資料
var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
?
db.transaction(function?(tx)?{
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(1,?"博客園")');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(2,?"www.cnblogs.com")');
});
?
db.transaction(function?(tx)?{
???tx.executeSql('SELECT?*?FROM?LOGS',?[],?function?(tx,?results)?{??????var?len?=?results.rows.length;
??????msg?=?"<p>查詢(xún)記錄條數(shù):?"?+?len?+?"</p>";
??????document.querySelector('#status').innerHTML?+=??msg;????
??????for?(i?=?0;?i?<?len;?i++){
??????????msg?=?"<p><b>"?+?results.rows[i].log?+?"</b></p>";
??????}
????
???},?null);
});
##刪除記錄
db.transaction(function?(tx)?{
????tx.executeSql('DELETE?FROM?LOGS??WHERE?id=1');
});
刪除資料也可以是動(dòng)態(tài)的
db.transaction(function(tx)?{
????tx.executeSql('DELETE?FROM?LOGS?WHERE?id=?',?[id]);
});
更新記錄##
tx.executeSql("UPDATE?CC?SET?logname='www.baidu.com'?WHERE?id=2");
tx.executeSql("UPDATE?CC?SET?logname='www.baidu.com'?WHERE?id=?",?[id]);
注意：刪除和修改不可以跟建表語(yǔ)句放一個(gè)executeSql裡，最好都分開(kāi)寫(xiě)以下是已建立好的資料庫(kù)
#
以上是Web SQL資料庫(kù)的使用教學(xué)課程的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門(mén)話題
iOS 18 新增「已復(fù)原」相簿功能 可找回遺失或損壞的照片
Jul 18, 2024 am 05:48 AM
蘋(píng)果公司最新發(fā)布的iOS18、iPadOS18以及macOSSequoia系統(tǒng)為Photos應(yīng)用程式增添了一項(xiàng)重要功能，旨在幫助用戶輕鬆恢復(fù)因各種原因遺失或損壞的照片和影片。這項(xiàng)新功能在Photos應(yīng)用的"工具"部分引入了一個(gè)名為"已恢復(fù)"的相冊(cè)，當(dāng)用戶設(shè)備中存在未納入其照片庫(kù)的圖片或影片時(shí)，該相冊(cè)將自動(dòng)顯示。 "已恢復(fù)"相簿的出現(xiàn)為因資料庫(kù)損壞、相機(jī)應(yīng)用未正確保存至照片庫(kù)或第三方應(yīng)用管理照片庫(kù)時(shí)照片和視頻丟失提供了解決方案。使用者只需簡(jiǎn)單幾步
mysql：簡(jiǎn)單的概念，用於輕鬆學(xué)習(xí)
Apr 10, 2025 am 09:29 AM
MySQL是一個(gè)開(kāi)源的關(guān)係型數(shù)據(jù)庫(kù)管理系統(tǒng)。 1）創(chuàng)建數(shù)據(jù)庫(kù)和表：使用CREATEDATABASE和CREATETABLE命令。 2）基本操作：INSERT、UPDATE、DELETE和SELECT。 3）高級(jí)操作：JOIN、子查詢(xún)和事務(wù)處理。 4）調(diào)試技巧：檢查語(yǔ)法、數(shù)據(jù)類(lèi)型和權(quán)限。 5）優(yōu)化建議：使用索引、避免SELECT*和使用事務(wù)。
H5指的是什麼？探索上下文
Apr 12, 2025 am 12:03 AM
H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo
H5：網(wǎng)絡(luò)標(biāo)準(zhǔn)和技術(shù)的發(fā)展
Apr 15, 2025 am 12:12 AM
Web標(biāo)準(zhǔn)和技術(shù)從HTML4、CSS2和簡(jiǎn)單的JavaScript演變至今，經(jīng)歷了顯著的發(fā)展。1)HTML5引入了Canvas、WebStorage等API，增強(qiáng)了Web應(yīng)用的復(fù)雜性和互動(dòng)性。2)CSS3增加了動(dòng)畫(huà)和過(guò)渡功能，使頁(yè)面效果更加豐富。3)JavaScript通過(guò)Node.js和ES6的現(xiàn)代化語(yǔ)法，如箭頭函數(shù)和類(lèi)，提升了開(kāi)發(fā)效率和代碼可讀性，這些變化推動(dòng)了Web應(yīng)用的性能優(yōu)化和最佳實(shí)踐的發(fā)展。
甲骨文在商業(yè)世界中的作用
Apr 23, 2025 am 12:01 AM
Oracle不僅是數(shù)據(jù)庫(kù)公司，還是雲(yún)計(jì)算和ERP系統(tǒng)的領(lǐng)導(dǎo)者。 1.Oracle提供從數(shù)據(jù)庫(kù)到雲(yún)服務(wù)和ERP系統(tǒng)的全面解決方案。 2.OracleCloud挑戰(zhàn)AWS和Azure，提供IaaS、PaaS和SaaS服務(wù)。 3.Oracle的ERP系統(tǒng)如E-BusinessSuite和FusionApplications幫助企業(yè)優(yōu)化運(yùn)營(yíng)。
MySQL：世界上最受歡迎的數(shù)據(jù)庫(kù)的簡(jiǎn)介
Apr 12, 2025 am 12:18 AM
MySQL是一種開(kāi)源的關(guān)係型數(shù)據(jù)庫(kù)管理系統(tǒng)，主要用於快速、可靠地存儲(chǔ)和檢索數(shù)據(jù)。其工作原理包括客戶端請(qǐng)求、查詢(xún)解析、執(zhí)行查詢(xún)和返回結(jié)果。使用示例包括創(chuàng)建表、插入和查詢(xún)數(shù)據(jù)，以及高級(jí)功能如JOIN操作。常見(jiàn)錯(cuò)誤涉及SQL語(yǔ)法、數(shù)據(jù)類(lèi)型和權(quán)限問(wèn)題，優(yōu)化建議包括使用索引、優(yōu)化查詢(xún)和分錶分區(qū)。
H5代碼：可訪問(wèn)性和語(yǔ)義HTML
Apr 09, 2025 am 12:05 AM
H5通過(guò)語(yǔ)義化元素和ARIA屬性提升網(wǎng)頁(yè)的可訪問(wèn)性和SEO效果。 1.使用、、等元素組織內(nèi)容結(jié)構(gòu)，提高SEO。 2.ARIA屬性如aria-label增強(qiáng)可訪問(wèn)性，輔助技術(shù)用戶可順利使用網(wǎng)頁(yè)。
H5：如何增強(qiáng)網(wǎng)絡(luò)上的用戶體驗(yàn)
Apr 19, 2025 am 12:08 AM
H5通過(guò)多媒體支持、離線存儲(chǔ)和性能優(yōu)化提升網(wǎng)頁(yè)用戶體驗(yàn)。 1）多媒體支持：H5的和元素簡(jiǎn)化開(kāi)發(fā)，提升用戶體驗(yàn)。 2）離線存儲(chǔ)：WebStorage和IndexedDB允許離線使用，提升體驗(yàn)。 3）性能優(yōu)化：WebWorkers和元素優(yōu)化性能，減少帶寬消耗。
