4.1 localStorage 與 sessionStorage 簡介
Last updated
Last updated
在 html5 還沒有出來之前，本機端的儲存方式，使用的是 cookie，但空間有限，大約是 4k 左右。
而 html5 出來之後，多了 localStorage 與 sessionStorage 兩種儲存方式，空間更大，大約 5M，而且使用了 key-value 的儲存方式，使得更有彈性。
特性 | cookie | localStorage | sessionStorage |
生命週期 | 預設是關閉瀏覽器後失效，但可以設定失效的時間。 | 除非手動清除，否則並不會消失。 | 關閉頁面或瀏覽器後失效。 |
大小 | 大約4K | 一般是 5Mb | 一般是 5Mb |
localStorage 與 sessionStorage 可使用的相關屬性、方法，兩者是一樣的。
範例：
在 html5 資料夾底下，建立 web_storage 資料夾，然後在這個資料夾底下，建立 localstorage.html、sessionstorage.html 內容如下，以便觀察測試。
localStorage 在無痕視窗中，結束掉瀏覽器之後，也會將 localStorage 的資料清除，這本來就是無痕視窗的特性：不儲存任何使用者資料。