H5時代的新儲存簡介

1.webstorage

分為：sessionstorage和localstorage兩種，除了session的生命週期是在該域全部頁面被關閉後就被清除而local是無限期存在外，二者的使用與方法屬性事件都相同。

簡介：cookie未來的替代品。有儲存量大、穩定、訪問簡便的優點，缺點是安全性，雖然每個域都會有它獨立的storage,但是使用跨域的手段依然能夠取到非本域的storage資料，但是在常規使用上是不存在跨域問題的。

幾個方法：

setitem(key,value)存值

getitem(key) 取值

clear() 清空

key(index) 取鍵

removeitem(key) 刪除這個值

屬性：length

事件：至於那個onstorage事件，ie和ff支援的不怎麼完善，還是等等再說

2.web sql

使用步驟：

a.首先開啟並建立乙個資料庫：var db=opendatabase('dbname','2.0','我的資料庫',2*1024); 四個引數：資料庫名，版本號，描述，大小（單位：b）

b.然後使用資料庫：db.transaction(function(dbcontrol){}); 引數只有乙個**函式而已，這個**函式的函式體用來執行sql，這個**函式有乙個引數，這個引數才是整個資料庫使用的核心內容。

c.在這個資料庫上執行自己的指令碼：

var sql = opendatabase('db', '2.0', '我的資料庫', 2 * 1024);
sql.transaction(
function
(tx) );

分別演示了建立資料表，和插入資料，注意裡面的問號，相當於佔位符

executesql有四個引數:sql語句，[sql語句中的引數],操作成功後執行的**,操作失敗後執行的**

如果是查詢，我們怎麼才能使用到查詢出的結果呢？

var sql = opendatabase('db', '2.0', '我的資料庫', 2 * 1024);
sql.transaction(
function
(tx) );
});

這裡不能使用引數，否則無法得到查詢結果。

對查詢結果的操作需要寫在操作成功後執行的**中，引數有兩個，乙個是資料庫操作物件，也就是那個tx，還有乙個就是得到的結果，就是result。得到結果的過程十分曲折，所以建議能用localstorage的地方就不要用web sql了