h5本地缓存(localStorage,sessionStorage)

H5本地存储数据 localStorage,sessionStorage的区别:

  相同点:  缓存数据比cookie的范围大;

  localStorage:关闭浏览器数据不会消失,除非手动删除数据

  sessionStroage:数据暂时缓存在客户端,关闭浏览器数据丢失

下面是localStorage,sessionStorage常用的方法:

   setItem(‘name’,'xsxs');//设置数据

   getItem('name');//获取数据 

   removeItem('name');//移除某条属性的数据

  clear();//清空数据 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>sessionStorage,localStorage,cookie</title> </head>
<body>
<script>
// sessionStorage本地缓存数据,关闭浏览器数据消失
window.sessionStorage.setItem("name", 'lixiaohu');
// 设置属性
window.sessionStorage.setItem('age', "11");
window.sessionStorage.setItem('sex', "girl");
var ss = window.sessionStorage.getItem('name');//获取属性
console.log(ss);
// window.sessionStorage.removeItem('age');//移除某个属性的键
// window.sessionStorage.clear();//清空缓存的数据
// localStorage本地缓存方式,关闭浏览器数据不丢失,除非手动删除数据
window.localStorage.setItem('school', '中原工学院信息商务学院');
window.localStorage.setItem('classname', '计算机科学与技术');
var schools = window.localStorage.getItem('school');
console.log(schools);
// window.localStorage.removeItem('classname');
// window.localStorage.clear(); </script>
</body>
</html>

  

上一篇:关于serialVersionUID与序列化"


下一篇:java-将节俭生成的模型与Hibernate带注释的POJO一起使用