1.web存储:
cookie 早期
本地存储:
localStorage 永久存储
sessionStorage 临时存储(当页面关闭时,清除,只在当前页面有效)
两个存储对象除了存储时间不同,用法类似,均拥有如下方法:
setItem(key,value) 设置存储内容
getItem(key) 获取存储内容
removeItem(key) 删除指定的存储内容
clear() 清除(清空)
key(index) 通过索引获取 key
注意:key和value需为字符串类型
2.JSON对象
stringify 将对象转换为字符串格式
parse 将字符串格式对象转换成对象类型
<script type="text/javascript">
var userName='小花';
var pwd='123456';
//将用户名和密码保存到本地
localStorage.setItem('uName',userName);
localStorage.setItem('pwds',pwd);
// localStorage.setItem('uName','小明');
// localStorage.removeItem('uName');//删除数据
sessionStorage.setItem('uuName',userName);
sessionStorage.setItem('ppwd',pwd);
// sessionStorage.removeItem('uuName');
sessionStorage.clear();//清除数据
localStorage.clear();
console.log(sessionStorage.getItem('uuName'));
console.log(sessionStorage.getItem('ppwd'));
</script>