cookie : 和服务端打交道的都用cookie（用户名密码等） 4kb
Local Storage :本地存储 浏览器只要不清除缓存就不会消失 4M
Session Storage :本地存储 当前页面关闭则数据删除 4M
<script>
// <!-- 封装获取Cookie值 -->
document.cookie = "user='123';expires="+new Date();
document.cookie = "pwd='123'"
console.log(document.cookie)
// function setCookie(name,value,time){
// }
// function getCookie(name){
// }
localStorage.setItem("name","大胆")//设置local storage
console.log(localStorage.getItem("name"))//访问某个local storage
sessionStorage.setItem("pwd","222222")
console.log(sessionStorage.getItem("pwd"))
var info =JSON.stringify([{name:"zhangsan",pwd:'111222'}])
localStorage.setItem("user",info)//设置local storage
// console.dir(localStorage.getItem("user"))
var user =JSON.parse(localStorage.getItem("user"))
// var user =localStorage.getItem("user")
console.log(user[0].name)//访问某个local storage
</script>
// 点击登录 将用户填写的信息 和后台（本地的user表对比）如果合法就跳到 index.html
<body>
<div id="user">暂无用户登录</div>
<div id="pwd"></div>
<button>去登陆</button>
<script>
var btn = document.getElementsByTagName("button")[0];
var info = JSON.parse(localStorage.getItem("info"))
//显示登录的用户的信息
</script>
</body>
网友评论