cookie的简单操作

最新推荐文章于 2023-12-27 10:24:28 发布

plaisir_simple

最新推荐文章于 2023-12-27 10:24:28 发布

阅读量184

点赞数

本文链接：https://blog.csdn.net/weixin_44889798/article/details/89297193

版权

最近学了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>

plaisir_simple

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
cookie的简单操作

最近学了cookie的操作，我把我理解的cookie写在这个上面，如果有错误的地方，还请大家指教1、语法创建cookiedocument.cookie = “名字= 值”例子：document.cookie = “user = family”;备注：js中的"=“代表覆盖， cookie中的”="代表添加2、删除cookie过期时间：expires = 时间;3、封装cook...
复制链接

扫一扫