HTML5移動開發實戰必備知識——本機存放區(2)

標籤：

瞭解了一些基本的本機存放區用法和思想後，我們來系統的介紹一下本機存放區。

本機存放區分為三大類：localStorage/sessionStorage/本機資料庫

localStorage和sessionStorage二者的用法、所包含的函數、調用方法等都是相同的，二者僅僅是含義不同。其中，localStorage所儲存的資料是長期有效，而sessionStorage所儲存的資訊當每個會話（session）關閉時就會銷毀（通俗的說就是頁面關閉後資料自動銷毀）。

由於二者的特性不同，因此應用的情境也有很大區別。通常，當我們需要儲存一些使用者配置項等一些需要長時間儲存的資料資訊時，需要使用localStorgae進行儲存，利用了其時效長的特點。相應的，當我們需要實作類別似購物車等基於session的功能時，就需要使用sessionStorage。

由於localStorage和sessionStorage的用法相同，因此我們以localStorage為例，介紹二者的方法。

1、         設定資料setItem

用法為localStorage.setItem(“key”, “value”)，表示將value值傳遞給key。(sessionStorage.setItem使用方法同理，下面不再一一介紹)

2、         擷取資料getItem

用法為localStorage.getItem(“key”)，只要輸入相應的key值，就可以從中取出對應的value值。

3、         刪除特定的資料removeItem

用法為localStorage.removeItem(key)，刪除key對應的資料。

4、         清空所有資料clear

用法為localStorage.clear()，表示清空所有儲存系統中的資料。

    以上就是一些最基本的sessionStorage/localStorage用法。

HTML5移動開發實戰必備知識——本機存放區(2)