H5的本地儲存
阿新 • • 發佈:2022-03-28
H5的本地儲存
客戶端儲存技術:Cookie,儲存資料量小(最大是4K)
1.H5的儲存技術
儲存的大小:5M
1.1 localStorage
作用:可以將資料儲存到客戶端本地瀏覽器中
生命週期:永久儲存,關閉瀏覽器也存在,除非主動刪除,否則一直存在
儲存的物件內容:只能儲存字串型別,推薦儲存json物件的字串
獲取方式:js操作:window.localStorage.getItem\getItems方法
應用場景:如果有資料需要持久儲存到客戶端的
1.2 sessionStroage
作用:可以將資料儲存到客戶端本地瀏覽器中
生命週期:會話期間內儲存
儲存的物件內容:只能儲存字串型別,推薦儲存json物件的字串
獲取方式:js操作:window.sessionStorage
應用場景:與使用者關聯的操作資料儲存,敏感資料
2.常用方法(LocalStorage)
//設定值
localStorage.setItem("stuNumber","10010");
//取出值
console.dir(localStorage.getItem("stuNumber"));
//刪除值
localStorage.removeItem("stuNumber");