在過去本地存儲數據基本都是使用cookies保存一些簡單的數據，使用cookies存儲永久數據存在以下幾個問題：
1、cookies的大小被限制在4KB；
2、cookies是隨HTTP事務一起發送的，因此會浪費一部分發送cookies時所使用的帶寬；
3、cookies操作繁瑣復雜；

Web Storage是什么？
　　Web Storage功能，顧名思義，就是在Web上針對客戶端本地儲存數據的功能，具體來說Web Storage分為兩種；

1.sessionStorage：
　　將數據保存在session對象中，所謂session是指用戶在瀏覽某個網站時，從進入網站到瀏覽器關閉所經過的這段時間，也就是用戶瀏覽這個網站所花費的時間。session對象可以用來保存在這段時間內所要求保存的任何數據。
此對象主要有兩個方法：
保存數據：sessionStorage.setItem(Key, value);
讀取數據：sessionStorage.getItem(Key);
Key：表示你要存入的鍵名稱，此名稱可以隨便命名，可以按照變量的意思來理解。
Value：表示值，也就是你要存入Key中的值，可以按照變量賦值來理解。
使用方法：
保存數據：sessionStorage.setItem("website", "W3Cfuns.com");
讀取數據：sessionStorage.getItem("website");

2.localStorage：
　　將數據保存在客戶端本地的硬件設備（通常指硬盤，當然可以是其他的硬件設備）中，即是瀏覽器被關閉了，該數據仍然存在，下次打開瀏覽器訪問網站時，仍然可以繼續使用。
使用方法與SessionStorage如出一轍

sessionStorage與localStorage區別：
　　這兩者的區別在于sessionStorage為臨時保存，而localStorage為永久保存！

?

?

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/peng14/archive/2012/11/07/2758862.html

總結

以上是生活随笔為你收集整理的html5 本地存储Web Storage的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。