首页 > 技术文章 > H5的本地存储

DQGonoes 2022-03-28 17:43 原文

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

推荐阅读