Web Storage分為兩類：

- sessionStorage：數據保存在session 對象中(臨時)

- localStorage：數據保存在本地硬件設備中(永久)

sessionStorage:

保存數據的兩種方法：

sessionStorage.setItem('key','val');

sessionStorage.key = 'val';

讀取數據的兩種方法：

sessionStorage.getItem('key');

var temp = sessionStorage.key;

清除數據的方法：

sessionStorage.removeItem('key')

注意：鍵名即'key'是不能重復的，鍵名頁也不能刪除。

示例：

sessionStorage.world='hello world';

sessionStorage.setItem('kitty','hello kitty');

在javascript中運行上述代碼，用瀏覽器打開該頁面后按F12呼出控制臺，選擇Resources標簽頁下的Session Storage選項，可以看到上述兩條數據已經被存入了:

當執行清除后：

sessionStorage.removeItem('kitty');

相應鍵名的數據被刪除：

現在sessionStorage中插入如下數據：

獲取session中的數據條數(sessionStorage.length)，并在控制臺打印出來：

console.log(sessionStorage.length);

獲取指定索引下標對應的鍵名(sessionStorage.key(index))：

console.log(sessionStorage.key(1));

清除所有數據：

sessionStorage.clear(2881064151);

通過window對象對storage添加監聽事件：

window.addEventListener(‘storage’,function(event){ });

event的屬性值：

- event.key：storage中被修改的鍵值

- event.oldValue：被修改前的值

- event.newValue：被修改后的值

- event.url：storage 中值得頁面URL地址

localStorage與sessionStorage使用方法一致，只需要變下名字

區別在于localSorage是永久保存，而sessionStorage會在瀏覽器關閉時自動清除。sessionStorage可以用來暫時保存登陸后的用戶名等信息。

實用的本地數據庫：

html5?內置了兩種數據庫一種是SQLLite 可以通過SQL語言來訪問的文件型SQL數據庫，另外一種是indexedDB的noSQL類型的數據庫。

這里主要介紹下SQLLite

創建訪問數據庫對象：

var db=openDatabase("gameDB","1.0","游戲數據庫",1024*1024);

參數：1.數據庫名，如果存在就打開，如果不存在就創建一個 2.版本號，默認1.0 3.數據庫描述 4.數據庫大小，單位字節，1024*1024即1M，一般1M到2M就夠用了。

訪問數據庫：

db.transaction(function(tx){

tx.executeSql("SQL語句",[],function(tx,rs){},function(tx,err){});

});

參數：1.SQL語句 2.SQL參數組 3.執行SQL成功時的回調函數 4.執行SQL失敗時的回調函數。

其中執行成功回調函數中的rs代表結果集，其中的rows屬性保存了每條數據。

用之前做的游戲舉個實例：

var username=$("username").value;

var db=openDatabase("gameDB","1.0","游戲數據庫",1024*1024);

db.transaction(function(tx){

tx.executeSql("create table t_defenders (username varchar(20),score int)",[],function(tx,rs){},function(tx,err){});

});

db.transaction(function(tx){

tx.executeSql("insert into t_defenders values(?,?)",[username,killNum*100],function(tx,rs){},function(ts,err){});

});

作用為當游戲結束時，在本地數據庫中創建名為t_defenders的表，之后獲取名字與得分存入表中：

復制代碼

var db=openDatabase("gameDB","1.0","游戲數據庫",1024*1024);

db.transaction(function(tx){

tx.executeSql("select * from t_defenders order by score desc limit 5",[],function(tx,rs){

var row = rs.rows;

$("score-table").innerHTML = "";

var str = "

名次玩家姓名分數";

for(var i = 0;i

str += "

"+(i+1)+""+row.item(i).username+""+row.item(i).score+"";

}

$("score-table").innerHTML += str;

},function(ts,err){});

總結

以上是生活随笔為你收集整理的sqllite能连接mysql_SQLLite 可以通过SQL语言来访问的文件型SQL数据库的全部內容，希望文章能夠幫你解決所遇到的問題。

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