JS——封装cookie

最新推荐文章于 2024-04-08 17:00:22 发布

前端志金

最新推荐文章于 2024-04-08 17:00:22 发布

阅读量429

点赞数

分类专栏：笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_55398075/article/details/127244271

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

js并没有为我们提供封装好的cookie 所以我们要自己来封装一个方便使用。
代码如下：

//setCookie()创建cookie
//键名  值  日期
function setCookie(key, val, time) {
    //存值
    var date = new Date();
    date.setDate(date.getDate() + time);
    document.cookie = `${key}=${val};expires=${date}`
}

//getCookie()  获取数据

function getCookie(key) {
    var arr = document.cookie.split('; ')
    for (var i = 0; i < arr.length; i++) {
        var newArr = arr[i].split('=');
        if (newArr[0] == key) {
            return newArr[1];
        }
    }
}

//removeCookie() 删除cookie
function removeCookie(key) {
    //设置 过期时间  
    this.setCookie(key, '', -1);
}

//clearCookie() 清空cookie
function clearCookie() {
    var arr = document.cookie.split('; ')
    for (var i = 0; i < arr.length; i++) {
        var newArr = arr[i].split("=");
        this.setCookie(newArr[0], '', -1)
    }
}`在这里插入//setCookie()创建cookie
//键名  值  日期
function setCookie(key, val, time) {
    //存值
    var date = new Date();
    date.setDate(date.getDate() + time);
    document.cookie = `${key}=${val};expires=${date}`
}

//getCookie()  获取数据

function getCookie(key) {
    var arr = document.cookie.split('; ')
    for (var i = 0; i < arr.length; i++) {
        var newArr = arr[i].split('=');
        if (newArr[0] == key) {
            return newArr[1];
        }
    }
}

//removeCookie() 删除cookie
function removeCookie(key) {
    //设置 过期时间  
    this.setCookie(key, '', -1);
}

//clearCookie() 清空cookie
function clearCookie() {
    var arr = document.cookie.split('; ')
    for (var i = 0; i < arr.length; i++) {
        var newArr = arr[i].split("=");
        this.setCookie(newArr[0], '', -1)
    }
}代码片`