JS 使用原型对象封装cookie

stephen Curry_

已于 2022-10-11 16:00:29 修改

阅读量98

点赞数

文章标签： javascript 前端开发语言

于 2022-10-04 16:18:57 首次发布

本文链接：https://blog.csdn.net/m0_65544665/article/details/127163254

版权

MyCookie.js

// 创建cookie构造函数
function Cookie(){};

//set_cookie 把设置cookie方法绑定在cookie的原型对象上
Cookie.prototype.setCookie=function(key,value,time){
    var date_=new Date();
    date_.setDate(date_.getDate()+time);
    document.cookie=key+"="+value+";expires="+date_;
}

//获取cookie
Cookie.prototype.getCookie=function(key){
    var array=document.cookie.split("; ");
    for (var item of array) {
        var newArray=item.split("=");
        if (newArray[0]==key) {
            return newArray[1];
        }
    }
}

//删除cookie
Cookie.prototype.removeCookie=function(key){
    this.setCookie(key,"",-1);
}

// 清除所有的cookie
Cookie.prototype.clearCookie=function(){
    var array=document.cookie.split("; ");
    for (var item of array) {
        var newArray=item.split("=");
        this.setCookie(newArray[0],"",-1);
        console.log(newArray[0]);
    }
}

测试:

<!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 src="./Mycookie.js"></script>
    <script>
        var cookie_ = new Cookie();
        cookie_.setCookie('user','zs');
        cookie_.setCookie('pas','123');
        cookie_.setCookie('age','20');

        var age = cookie_.getCookie('age');
        console.log(age);

        cookie_.removeCookie('age');
     
        cookie_.clearCookie();
        
    </script>
</body>
</html>

stephen Curry_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 使用原型对象封装cookie

JS 使用原型对象封装cookie
复制链接

扫一扫