關于浏覽器的本地存儲

浏覽器本地存儲大小

• 存儲内容大小一般支援5MB左右（不同浏覽器可能還不一樣）

存儲的實作機制

• 浏覽器通過Window.sessionStorage和Window.localStorage屬性來實作本地存儲機制

存儲操作的相關api

localStorage.setItem('key','value')
//該方法接受-一個鍵和值作為參數，會把鍵值對添加到存儲中，如果鍵名存在，則更新其對應的值。
localStorage.getItem('key')
//該方法接受一個鍵名作為參數，傳回鍵名對應的值。
localStorage.removeItem('key')
//該方法接受一個鍵名作為參數， 并把該鍵名從存儲中删除。
localStorage.clear()
//該方法會清空存儲中的所有資料。
           

• sessionStorage和localStorage的使用方法基本一緻，在這裡不做示範了。

一些需要注意的地方：

1. SessionStorage存儲的内容會随着浏覽器視窗關閉而消失。
2. LocalStorage存儲的内容，需要手動清除才會消失。
3. xxxStorage . getem(xx)如果xxx對應的value擷取不到，那麼geltem的傳回值是null.