對瀏覽器來說，使用 Web Storage 存盤鍵值對比存盤 Cookie 方式更直觀，而且容量更大，它包含兩種：localStorage 和 sessionStorage
-
sessionStorage（臨時存盤） ：為每一個資料源維持一個存盤區域，在瀏覽器的此標簽頁打開期間存在，包括此標簽頁的頁面重新加載
-
localStorage（長期存盤） ：與 sessionStorage 一樣，但是瀏覽器關閉后，資料依然會一直存在
- localStorage和sessionStorage的存盤資料大小一般都是：5MB
用法說明：sessionStorage 和 localStorage 的用法基本一致，參考型別的值需要轉換成 JSON 進行存盤
1. 保存資料到本地
let obj = { name: 'xiaoming', age: 18, birthday: '2000-01-01', } sessionStorage.setItem('userInfo', JSON.stringify(obj)) localStorage.setItem('userInfo', JSON.stringify(obj))
注：若第二次存盤的key值與第一次存盤的key值相同，則會覆寫第一次的值，
2. 從本地讀取資料
let obj1 = JSON.parse(sessionStorage.getItem('userInfo'))
let obj2 = JSON.parse(localStorage.getItem('userInfo'))
3. 從本地洗掉指定 key 值
sessionStorage.removeItem('userInfo')
localStorage.removeItem('userInfo')
4. 清空存盤的所有值
sessionStorage.clear()
localStorage.clear()
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/143524.html
標籤：JavaScript