秋痕语录

Storage存储

timg.jpeg

心情日记,前端开发,个人博客,个人博客模板,个人博客网站模板,个人网站模板,个人网页,个人网站制作

<!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>


打赏

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

©2017 Lxy 豫ICP备17013024号
Copyright2017 lixueyang All Rights Reserved

公告

Welcome to my blog, where you will experience the thrill of not exceeding