项目描述
上传时间
浏览人数
localStorage的特点
1.localStorage将数据存储在本地,可以直接获取,减少了客户端和服务器端的交互。
2.不参与和服务器的通讯,localStorage的值的类型限定为字符串类型。
3.数据对象没有过期时间。
sessionStorage与localStorage的区别:
localStorage属于永久性存储;sessionStorage属于临时性存储,存储的信息将随会话的结束而被清空。
同一浏览器中,相同的域名和端口下的不同页面中,localStorage的存储信息是可以共享的,sessionStorage的存储信息无法共享,仅适用于当前页面
<script type="text/javascript">
/*1
let i ={ 用户信息
name:"ss",
job:"teacher"
};
console.log(i);
i= JSON.stringify(i); //转化字符串
console.log(i);//这样对应的key和值就投进去了
手动的让某些数据缓存,长期缓存 只能投字符串类型
localStorage.setItem("LOGIN_USER_INFO",i);
*/
/*2 把缓存的值取出来
let x = localStorage.getItem("LOGIN_USER_INFO");
console.log(x);
x = JSON.parse(x);//字符串转对象
console.log(x.name);//只有是对象格式才能.某个值
*/
/* 3 移除
localStorage.setItem("aa","10001");
localStorage.setItem("bb","10002");
localStorage.setItem("cc","10003");
localStorage.removeItem("aa");
localStorage.clear("");
*/
/* 4
localStorage.setItem("aa","10001");
localStorage.setItem("bb","10002");
localStorage.setItem("cc","10003");
let x = localStorage.key(0);//获取你想要的key
console.log(x);
let l = localStorage.length();//个数
console.log(l);
*/
/* 5
//参数hasOwnProperty有没有某个key
let has = localStorage.hasOwnProperty("aa");
console.log(has);
*/
/*6 投入值
sessionStorage.setItem("AAA","666");
*/
</script>