美文网首页
cookie和localstorage的区别

cookie和localstorage的区别

作者: z_j_r | 来源:发表于2017-10-30 21:04 被阅读0次

    前言:

    在强者的眼中,没有最好,只有更好

    --------------------------------正文---------------------------------

    键码:ev.keyCode

    功能按键:

                       ctrl           ev.ctrlKey
    
                       shift         ev.shiftKey
    
                       alt            ev.altKey
    

    区别:

    名称 cookie localstorage
    大小 容量小 4KB 5MB
    跨浏览器 不能 不能
    跨域 不能 不能
    生命周期 有(默认session(会话)(浏览器关闭会话结束)) 没有生命周期
    有很多(name=value,PATH=/,EXPIRES=过期时间) key=value
    操作 麻烦 很简单
    设置 1.document.cookie = 'name=value'; 2.设置路径/ document.cookie = 'name=value; PATH=/'; 3.设置生命周期 document.cookie = 'name=value; PATH=/; EXPIRES=过期时间'; localStorage.key = value;
    获取 document.cookie; localStorage.key;
    删除 把过期时间过期 delete localStorage.key;(delete obj.attr;(delete删除对象属性))

    封装的cookie(例子):

    设置:
    function setCookie(sName,sValue,iDay){
        if(iDay){
            var oDate = new Date();
            oDate.setDate(oDate.getDate()+iDay);
            oDate.setHours(0,0,0,0);
            document.cookie = sName+'='+sValue+'; PATH=/; EXPIRES='+oDate.toUTCString();
        }else{
            document.cookie = sName+'='+sValue+'; PATH=/';
        }
    }
    获取:
    function getCookie(sName){
        'username=eric; age=18; gender=男'
        var arr = document.cookie.split('; ');
        for(var i=0;i<arr.length;i++){
            var arr2 = arr[i].split('=');
            if(arr2[0]==sName){
                return arr2[1];
            }
        }
    }
    删除:
    function removeCookie(sName){
        setCookie(sName,1,-1)
    }
    

    日期格式:(统一 )

    (例如:Tue, 31 Oct 2017 05:30:19 GMT )

           var oDate = new Date();
        1. document.write(oDate.toGMTString());
        2. document.write(oDate.toUTCString());    
    

    相关文章

      网友评论

          本文标题:cookie和localstorage的区别

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