Web Storage 瀏覽器儲存

• Web Storage 為瀏覽器中的儲存區，包含永久性的 local storage 與 暫存性的 session storage (關閉瀏覽器即消失) 兩種。
• 瀏覽器針對每個來源網域提供至少 5MB 的儲存空間，可用來儲存網站的使用者偏好等資料，以供使用者下次瀏覽同一網站時使用，減少對伺服器的資料請求。( 以往是利用本地端儲存 cookie 再回傳的方式，但資料容量限制只有 4KB )
• Web storage 與 cookie 皆是存取採鍵對值( key/value pair )的資料格式。( 鍵與對皆為字串型別 )
• HTML 5 在瀏覽器端提供一組 Javascript API ，用以存取 web storage (local 與 session storage 使用的 API 相同 )。
• 每個網域的儲存區各自獨立，不會跨網域讀取到其他來源的資料。
• 透過 localStorage 物件取用 Web Storage API ， setItem 方法用於儲存( 資料需為字串型別 )，getItem 方法用於取值。
  範例：

localStorage.setItem ( "firstKey", "firstData" );
localStorage.getItem ( "firstKey" );
// firstKey 為儲存項目的"鍵"，firstData 為儲存項目的"值"

• localStorage 物件亦可當成一個關聯陣列( associative array )，可用陣列方式存取值。
  範例：

localStorage["firstKey"] = "firstData"; // "鍵"如同陣列的索引
var sValue = localStorage["firstKey"]; // 可用陣列方式取值
var sLength = localStorage.length; // 用length方法取得儲存項目的數量
var sKey = localStorage.key(i); // 可取用"鍵"的內容，i=0 ; sKey = "firstKey"
localStorage.remove(sKey); // 移除對應sKey的"鍵"與其所對應的"值"