cookie的简单操作

最近学了cookie的操作,我把我理解的cookie写在这个上面,如果有错误的地方,还请大家指教
1、语法 创建cookie
document.cookie = “名字= 值”
例子:document.cookie = “user = family”;
备注:js中的"=“代表覆盖, cookie中的”="代表添加
2、 删除cookie
过期时间:expires = 时间;
3、封装cookie s
etcookie()-创建cookie
getcookie()-获取cookie
removecookie()-删除cookie
下面呢就是上课时写的一个小例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
<script type="text/javascript">
    document.cookie="name=user"
    document.cookie="pass=123456";
    function setCookie(name,value,date){
        // 创建Coolie,分别代表cookie名称、cookie值、存储时间
        // Date就要算出日期对象
        var oDate = new Date();
        oDate.setDate(oDate.getDate()+date)
        document.cookie=name+"="+value+";expires="+oDate;
    }
    setCookie("aaa","123");
    function getCookie(name){//name时形参
        var arr = document.cookie.split("; ");
        //先给cookie做一下字符串分割,分割后变为数组,
        //如果想看一下分割后是什么情况,可以console.log()一下
        console.log(arr);
        //分割后。循环数组
        for(var i=0; i<arr.length;i++){
            arr[i]=arr[i].split("=");
            //根据“=”再次分割然后进行判断
            if(arr[i][0]==name){//代表找到我想要的东西; 
                return arr[i][1]
            };
        }
        //另一种可能就是,第一次来网站,还没有cookie,所以循环一次后就直接返回一个字符串,告诉用户找不到
        return "";
    }
    console.log(getCookie("pass"));
    function removeCookie(name){
        //name 名称,随便给个值,后面-1,时间过期了,所以就成了负值
        setCookie(name,2,-1)
    }
</script>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值