<!DOCTYPE html>
<html>
<head>
<title>本地储存</title>
</head>
<body>
<p>直接写在JS里面了，F12去看吧。</p>
<script>
if(window.localStorage){
console.log(localStorage)
// 清空
localStorage.setItem('$user', "");
console.log(localStorage)
//要存入的数据，一般登陆成功后从ajax里面取出来的。
var data={
name:"执行",
telphone:"13504567890",
grade:"初级"
}
// 存
localStorage.setItem("$user",JSON.stringify(data))
// 取，建议先预备一个为空的条件，防止为null的时候渲染没位置。
var user = JSON.parse(localStorage.getItem('$user') || '{}');
console.log(user)
console.log(user.name)
// 删
localStorage.removeItem("BMap_pservice_yzjfk2")
// 改某个对象下的某个属性,由于没有提供现成的API，这里就有点粗暴了：1.先取出来，2.改某项属性的值，3.存回去
var user2 = JSON.parse(localStorage.getItem('$user') || '{}');//取出
user2.name="改名";//修改
localStorage.setItem("$user",JSON.stringify(user2)) //存入
console.log(JSON.parse(localStorage.getItem('$user')))//查看，发现更改成功
}else{
alert("ie8以下浏览器不支持localstorage，换用cookie吧！");
}
</script>
</body>
</html>
值得注意的是：localStorage在移动端平台，基于Vue的一些场景中，并不是万能的，它极有可能失效。如IOS APP按home键退出时，有很大的几率清除掉或者不能读取localStorage.
159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
