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