cookie使用（设置，获取，删除）

最新推荐文章于 2024-08-08 18:34:38 发布

阳光葡萄

最新推荐文章于 2024-08-08 18:34:38 发布

阅读量672

点赞数

分类专栏： cookie 文章标签： javascript

本文链接：https://blog.csdn.net/qq_33274031/article/details/124576269

版权

cookie 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

// cookie是什么？
// cookie是存储于用户计算机中的变量
// 当一个用户通过计算机中的浏览器，访问服务器上边的某个页面，JavaScript会创建或者读取cookie
// 不同域名之间cookie是不共享的（不能跨域访问）
// cookie是document文档对象上边的一个属性

// cookie的作用？
// 1、通常用于验证用户的登录状态，当用户访问某个网站的登录页面是，可以用cookie记录登录的状态，等到下次再登录的时候就可以不用输入用户名和密码，免密登录了
// 2、如果是商城网站，可以用cookie记录用户浏览商品的历史（临时存储浏览商品的历史）
// 3、a页面存储cookie，在b页面读取cookie，从而达到ab页面通信

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 设置cookie
        function setCookies(name, value, expires) {
            let oDate = new Date(); //获取电脑当前时间
            oDate.setDate(oDate.getDate() + expires)  //设置日期为10天之后
            document.cookie = name + "=" + value + ";expires=" + oDate
        }
        // 获取cookie
        function getCookies(name) {
            var str = document.cookie    //获取所有的cookie，得到的是一个字符串
            var arr = str.split("; "); //注意：分号后面有一个空格 ['username=haogu','age=18','sex=nan','user=二哥']
            for (let i = 0; i < arr.length; i++) {
                var arr2 = arr[i].split("=")
                if (arr2[0] == name) {
                    return arr2[1]
                }
            }
        }
        // 删除cookie
        // cookie有效期到了之后就自动消失了
        // 将有效期设置成昨天--该cookie就会自动删除
        function removeCookies(name) {
            setCookies(name, "value可以任意写", -1)
        }
        removeCookies("username")
        removeCookies("age")
        removeCookies("sex")

    </script>
</body>

</html>