美文网首页
前端localStorage,sessionStorege和co

前端localStorage,sessionStorege和co

作者: spencer_sun | 来源:发表于2020-06-17 14:47 被阅读0次

1 综述--表格比较三者的区别

比较项目 cookie sessionStorage localStorage
大小 4kb 5M 5M
声明周期 自己设置,一般浏览器关闭 浏览器关闭 除非自行删除,否则一直存在
与服务端通信 HTTP头部 不主动参与 不主动参与
是否可以跨域共享 可以设置 不共享 不共享
易于使用程度 使用库或者自己封装API API简单可以直接调用 API不可以直接调用

2 关于cookie 的存储和获取

cookie 有四个参数
key: 我们定义的名称;
domain: 设置共享cookie的域名,.aaa.com表示在aaa一级域名下就可以共享,域名级数越高,共享条件越小;
path:/ (http://aaa.com/ )下所有的文件都可以调用此cookie;
expires: 设置过期时间;

function setcookie(name,value,days)
    {
        var date=new Date();
        date.setDate(date.getDate()+days);
        document.cookie=name+'='+value+';expires='+date;    
    }

function getcookie(name)
    {
         var arr=document.cookie.split(';');
         for(var i=0;i<arr.length;i++)
         {
            var arr2=arr[i].split('=');
            if(arr2[0]==name)return arr2[1];
         }
         return '';
    }

function removecookie(name)
    {
        setcookie(name,'1',-1);
    }

3 关于cookie跨主机共享

// 这样,cookie可以在a.google.com 和b.google.com 之间共享
 document.cookie=name+'='+value+';expires='+date;'+'domain+=".google.com"'

相关文章

网友评论

      本文标题:前端localStorage,sessionStorege和co

      本文链接:https://www.haomeiwen.com/subject/cdvrxktx.html