心情日记,前端开发,个人博客,个人博客模板,个人博客网站模板,个人网站模板,个人网页,个人网站制作
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Storage存储</title>
</head>
<body>
</body>
<script type="text/javascript">
//sessionStorage会话存储对象，存储的数据大小限制为5MB，有效
//到浏览器关闭为止，有效范围：同一个会话中
//在sessionStorage中存储一个字段
sessionStorage.setItem('name','张');
sessionStorage.setItem('age',18);
//在sessionStorage中取出一个字段
var name = sessionStorage.getItem('name');
console.log(name);
//.length 查看当前sessionStorage中存储字段总数
console.log(sessionStorage.length);
//查询sessionStorage中所有字段
for (var i = 0; i < sessionStorage.length; i++) {
console.log(sessionStorage.key(i));
console.log(sessionStorage.getItem(sessionStorage.key(i)));
}
//从sessionStorage中删除一个字段
sessionStorage.removeItem('name');
//从sessionStorage中删除所有字段
sessionStorage.clear();
//sessionStorage只能存储字符串。当尝试存储其他类型的值是，sessionStorage
//会把这个数据自动转换为字符串。
sessionStorage.setItem('gender',true);
console.log(typeof sessionStorage.getItem('gender'));
//当存储对象时，对象会被转化为：[object Object]，导致对象中的数据丢失
sessionStorage.setItem('obj',{
id:123,
name:'三'
});
var obj = sessionStorage.getItem('obj');
console.log(obj.name);
//查询所有数据
console.log(sessionStorage)
//localStorage和sessionStorage基本是一样的。
//唯一区别是：localStorage中的数据有效期是永久的，只要用户或者代码不主动
//删除，就会一直存在。有效范围：同域
localStorage.setItem('local','本地存储');
localStorage.removeItem('local');
console.log(localStorage);
</script>
</html>
微信扫一扫，打赏作者吧～
站长的机器
QQ客服
新浪微博