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