localStroage本地儲存
<!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>