美文网首页
前端写入与获取document.cookie分享

前端写入与获取document.cookie分享

作者: 你单排吧 | 来源:发表于2019-03-08 15:22 被阅读0次

    本帖分享写入与获取document.cookie的方法,我们假设你在某个页面写入了两个cookie值:

    let name = '张三';
    let age = 23;
    document.cookie="username="+name+"; userage="+age;
    

    那么你在控制台上直接 console.log(document.cookie) ,得到的是字符串:

    username=张三; userage=23; 
    

    注意,分号之后是有空格的!
    那现在我们要拿取 usernameuserage 两个值,怎么办呢?
    很明显,这是要对字符串进行处理,才能得到。直接贴代码:

    if(document.cookie){
      var arrCookie=document.cookie.split("; ");  //注意,括号中的分号后面也是有空格的
        for(var i=0;i<arrCookie.length;i++){
            var arr=arrCookie[i].split("=");
            if("username"==arr[0]){
                console.log(arr[1])   // 张三
            }
            if("userage" == arr[0]){
                console.log(arr[1])   // 23
                break;  //如果还有更多的值要获取,就在最后一个if中再添加break
            }
        }
    }
    

    ok,我们搞定了!如果本文对你有用的话,欢迎点击下方的关注,谢谢!

    相关文章

      网友评论

          本文标题:前端写入与获取document.cookie分享

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