Html5本地存儲LocalStorage

HTML5 提供了兩種在客戶端存儲數據的新方法：

• localStorage - 沒有時間限制的數據存儲
• sessionStorage - 針對一個 session 的數據存儲

在瀏覽器中打開審查元素（如谷歌F12），在Resources下面可以查看里面的數據。

localStorage提供了幾個方法:

1、存儲：localStorage.setItem(key,value);或localStorage.key="value";

如果key存在時，更新value

2、獲取：localStorage.getItem(key);或localStorage.getItem("key");

如果key不存在返回null

3、刪除：localStorage.removeItem(key)

一旦刪除，key對應的數據將會全部刪除

4、全部清除：localStorage.clear()

某些時候使用removeItem逐個刪除太麻煩，可以使用clear,執行的后果是會清除所有localStorage對象保存的數據

5、遍歷localStorage存儲的key

.length 數據總量，例：localStorage.length

.key(index) 獲取key，例：var key=localStorage.key(index);

6、存儲JSON格式數據

JSON.stringify(data) ?將一個對象轉換成JSON格式的數據串,返回轉換后的串

JSON.parse(data) 將數據解析成對象，返回解析后的對象

SessionStorage的用法類似。

備注：localStorage存數的數據是不能跨瀏覽器共用的，一個瀏覽器只能讀取各自瀏覽器的數據,儲存空間5M。