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

2019-03-08  本文已影响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,我们搞定了!如果本文对你有用的话,欢迎点击下方的关注,谢谢!

上一篇下一篇

猜你喜欢

热点阅读