1. 程式人生 > 其它 >H5的本地儲存

H5的本地儲存

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");