HTML5本地儲存

[align=center]html5本地儲存[/align]

[b]1.1概述[/b]

html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡，訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別，包括字串，boolean，整數，和浮點數。需要注意的是，這些資料在儲存時實際上是以字串儲存的。因此在訪問資料時需要做資料型別的轉換。

在html5中，本地儲存是乙個window的屬性，包括localstorage和sessionstorage。二者的區別：前者是一直存在本地的，後者只是伴隨著session，視窗一旦關閉就沒了；二者用法完全相同。

[b]1.2 localstorage方法[/b]

1.2.1檢測瀏覽器是否支援本地儲存的方法。

if(window.localstorage)else

[b]1.2.2儲存和訪問的方法[/b]

1、方法一

var foo="string";

localstorage.setitem("bar",foo);[color=green]//儲存鍵為bar，值為"string"的一條資料[/color]

localstorage.getitem("bar");[color=green]//訪問本地bar的值[/color]

2、方法二

可以將localstorage物件當成是關聯陣列使用(associative map)。

var foo="string";

localstorage["bar"]=foo;

localstorage.bar="new_string";[color=green]//設定bar為"new_string"，覆蓋上面的值[/color]

localstorage["bar"];

localstorage.bar;

上述兩種方法是等價的。

[color=red]注意：呼叫setitem 時如果使用乙個已經存在的鍵，將會直接覆蓋掉該鍵上儲存的值。

呼叫getitem時如果傳入乙個不存在的鍵，則會返回乙個null，不會丟擲異常。[/color]

[b]1.2.3刪除某個鍵和清空整個儲存區域(刪除所有的鍵和值)的方法[/b]

清除某個鍵值對使用removeitem()，一次性清除所有的鍵值對則使用clear()。

[color=red]注意：如果removeitem傳入乙個不存在的key則無操作，不會有異常。[/color]

[b]1.2.4本地儲存內容未知——使用key()方法[/b]

例：var storage=window.localstorage;

function showstorage()

storage.pageloadcount=parseint(storage.getitem("pageloadcount"))+1;

document.getelementbyid("count").innerhtml=storage.pageloadcount;

}不斷重新整理就能看到數字在一點點**。

[b]1.2.7資料儲存異常處理[/b]

trycatch(oexception)

}[b]1.2.8 storage事件——對鍵值對的改變進行監聽[/b]

用到的時候再進行總結········