Web SQL：

Web SQL是一種簡單的存在服務器中的數據庫，運行在javascript腳本中，其數據儲存在計算機Application中Web SQL中。

web sql提供了三個核心方法：

1.openDatabase(‘dbname’,‘edition’,‘explain’,‘size’),此方法用于查找數據庫，如果沒有則會創建一個新的數據庫，其參數依次代表：數據庫名稱，版本號，描述文本，數據庫大小。

2.transaction(),用于控制一個數據庫，里面傳入一個函數，函數的參數作為操作數據庫的對象。

3.executeSql(sql,)，用于執行SQL語句;參數一表示執行的SQL語句；參數二表示行分隔符，當返回的結果有多行時，使用此參數做為行分隔符，一般情況下傳入null或[],不傳會報錯；參數三可傳入一個函數，函數的第二個參數則為數據對象；參數四為SQL語句查詢時的參數，常用于where SQL語句查詢。

web sql增刪改查案例：

<script>// 1.查詢或創建一個web數據庫：var db = openDatabase('mywebdbs', '1.0', 'Test DB', 1 * 1024 * 1024);// 2.transaction對數據庫db進行操作,里面傳入函數，函數參數為被操作對象：（數據庫的增）db.transaction(function(dbtest) {// 1.通過executeSql執行SQL語句，create table if not exists CHART,來判斷是否存在表CHART，不存在則創建名為CHART的表dbtest.executeSql('CREATE TABLE IF NOT EXISTS CHART (id unique, log)');// 2.通過executeSql執行SQL語句，向CHART表中插入一條數據結構為(id,log)值為(1,"hello word")的數據：dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (1,"hello word")');dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (2,"my name is jack")');// 擴展：dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (?, ?)', [e_id, e_log]);里面的SQL語句為動態的插入數據});// 3.通過transaction對數據庫db進行操作，里面傳入函數，函數參數為被操作對象：（數據庫的查（讀））db.transaction(function(dbtest) {// 1.通過executeSql執行SQL語句：'SELECT * FROM CHART',表示從CHART表中查詢所有數據，按照下下面方式接收處理數據(參數二不能省略，一般為[]或null)，每組數據都是一個對象，可以通過console.log(results.rows)查看數據結構，dbtest.executeSql('SELECT * FROM CHART', null, function(dbtest, results) {// 2.results返回的是一個對象，其中屬性rows里面存著插入的數據對象和length屬性，因此可以通過results.rows.length來控制循環次數打印每個對象的數據for (var i = 0; i < results.rows.length; i++) {console.log('id:' + results.rows[i].id + '--' + 'log:' + results.rows[i].log);};}, null);});// 4.通過transaction對數據庫db進行操作，里面傳入函數，函數參數為被操作對象：（數據庫的改）db.transaction(function(dbtest) {// 1.通過executeSql執行SQL語句，'UPDATE CHART SET log='update logs!' WHERE id=1',表示從CHART表中根據id查詢到該條數據，并修改log的值dbtest.executeSql('UPDATE CHART SET log="update logs!" WHERE id=2');// 擴展：dbtest.executeSql('UPDATE CHART SET log='新值' WHERE id=?', [id]),里面的SQL語句支持動態傳入id值進行修改數據});// 5.通過transaction對數據庫db進行操作，里面傳入函數，函數參數為被操作對象：(數據庫的刪)db.transaction(function(dbtest) {// 1.通過executeSql執行SQL語句，'DELETE FROM CHART WHERE id=1',表示從CHART表中根據id刪除該條數據：dbtest.executeSql('DELETE FROM CHART WHERE id=1');// 擴展：dbtest.executeSql('DELETE FROM CHART WHERE id=?', [id])，里面的SQL語句支持動態傳入id值進行刪除數據});</script>

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。
筆者：苦海

總結

以上是生活随笔為你收集整理的Web SQL介绍，web sql中增删改查、数据存储位置、运行脚本、建表建库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。