<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" onclick="login()">本地存储</button>
<button type="button" onclick="session()">会话存储</button>
<script type="text/javascript">
/* 本地存储会永久保存,而会话存储关闭窗口后就会消失 */
let obj={'name':'bh','date':new Date()}
function login(){
// localStorage.setItem('data',JSON.stringify(obj));
// window对象 名字:字符串类型 字符串类型数据
localStorage.setItem('data',JSON.stringify(obj));
// localStorage.clear();第二个参数需要参数,因此需要序列化
// localStorage.getItem('data')
// 名字 返回字符串
console.log(JSON.parse(localStorage.getItem('data')));
// {name: "bh", date: "2019-03-13T06:50:39.818Z"}反序列化输出对象
console.log(JSON.parse(localStorage.getItem('data')).name);
// bh 对象.键
}
function session(){
sessionStorage.setItem('data',JSON.stringify(obj));
}
</script>
</body>
</html>
- 本地存储永久保存;
- 存储过程中的参数中都为字符串;
- 连个对象都为自带对象:localStorage-sessionStorage;
- 保存简单数据;