html5 本地儲存

前言：

最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求，經過查詢了解到了web storage，通過學習初步掌握了web storage，以下是一些關於web storage的知識和用法，記憶力較差發布在csdn備忘。

1：什麼是html5本地儲存？

通過web storage ，web應用程式能夠在使用者瀏覽器中對資料進行本地儲存。在html5之前，本地儲存是通過cookie來完成的，但cookie並不適合大量的資料儲存，因為他們由每個對伺服器的請求來傳遞，速度慢效率不高，會影響**效能。而web storage克服了cookie的一些缺點，相比cookie更加快速，安全，方便。

web storage通過鍵值對的方式儲存（可以儲存陣列，物件，json，style，script等任何可以序列化的字串），分為：localstorage方法和sessionstorage方法。兩種方法可以使用的api是相同的。

2：常用的通用api：

注：setitem()方法若key已存在則更新key值，若key不存在則建立該本地資料。

3：localstorage方法：

localstorage方法儲存的資料沒有時間限制，在瀏覽器關閉時不會被清除，永久儲存，永不失效，除非手動刪除。

4：sessionstorage方法：

sessionstorage方法見名知意是針對乙個session進行資料儲存，sessionstorage的生命週期為：當前當前視窗頁或標籤頁，一旦該視窗頁或者標籤頁被關閉，那麼瀏覽器就用刪除相應的 sessionstorage。

sessionstorage的api和localstorage的api及其用法相同，見上。

5：遍歷所有的資料

for(var i=0;i