什麼是 localStorage

在HTML5中，新加入了一個 localStorage 特性，這個特性主要是用來作為本地儲存來使用的，解決了cookie儲存空間不足的問題(cookie中每條cookie的儲存空間為4k)，localStorage中一般瀏覽器支援的是5M大小，這個在不同的瀏覽器中localStorage會有所不同。

基本使用方法

新增或更新

localStorage.getItem('自訂一個數據名稱','想要存入的值)

讀取

localStorage.getItem('自訂一個數據名稱','想要存入的值)

注意

目前所有的瀏覽器中都會把localStorage的值型別限定為string型別，這個在對我們日常比較常見的JSON物件型別需要一些轉換

轉換型別的方法

將資料字串化存入

JSON.stringify ( )

The data becomes a JavaScript object. (W3C解釋)

JSON.parse ( )

明天來和 localStorage 玩耍。

參考資料：

1. 程式前沿
2. w3schools.com