美文网首页
原生js使用cookie

原生js使用cookie

作者: 尤樊容 | 来源:发表于2018-05-11 11:19 被阅读15次

    设置Cookie
    setCookie(命名, 内容, 过期时间)

    function setCookie(name,value,iDay){
        /*当时间参数存在的时候*/
        if(iDay){
            /*设置过期时间*/
            var oDate=new Date();
            oDate.setDate(oDate.getDate()+iDay);
            document.cookie=name+'='+value+';path=/;expires='+oDate;
        }else{
            /*否者默认浏览器关闭过期*/
            document.cookie=name+'='+value+';path=/;';
        }
    };
    

    获取Cookie
    getCookie(命名)

    function getCookie(name){
        /*将获取到的字符串变成数组纯在arr中*/
        /*得到的数据格式是这样的a=11; b=12*/
        var arr=document.cookie.split('; '); 
        for (var i=0;i<arr.length;i++) {
            /*再拆分一次*/
            var arr2=arr[i].split('=');
            //判断arr2[0]是否是要读取的Cookie
            if(arr2[0]==name){
                return arr2[1];
            }
        }
        return '';
    }
    

    移除Cookie
    removeCookie(命名)
    只要将当前cookie记录的过期时间设置为负数就行

    function removeCookie(name){
        /*当设置的时间小于0,就可以移除cookie*/
        setCookie(name,'任意值',-10);
    }
    

    相关文章

      网友评论

          本文标题:原生js使用cookie

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