来一波js最简化高效封装Cookie

比眉伴天荒 2021-08-13 18:19 223阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>封装cookie</title>
    </head>
    <body>
        
    </body>
    <script src="./cookie.js"></script>
    <script> const { cookie}= cookies; //引入声明一下 cookie.set('maomin', '22', '0.5'); console.log(cookie.get("maomin")); </script>
    </html>

**cookie.js**

const cookies = { 
        cookie: { 
        // 设置cookie
            set: (name, value, day) => { 
                const date = new Date();
                date.setDate(date.getDate() + day);
                document.cookie = name + "=" + value + ";expires=" + date;
            },
        // 获取cookie
            get: (key) => { 
                var arr = document.cookie.split("; ");
                for (var i = 0; i < arr.length; i++) { 
                    var arr1 = arr[i].split("=");
                    if (arr1[0] == key) { 
                        return arr1[1]
                    }
                }
                return ""
            },
         // 删除cookie
            remove: (name) => { 
                cookie.set(name,'', -1)
            }
        }
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关 js技术--cookie基础（封装cookie、使用cookie记录上一次用户登录名）

案例1：cookie <!DOCTYPE html> <html> <head> <meta charset="utf-8">

女爷i/ 2024年02月17日 23:31/ 0 赞/ 35 阅读

相关来一波，Java基础复习（Java 8）

前言 > 本文是笔者复习Java8版本的时候，记录下来的知识点。本文只复习Java基础部分，而Java高级部分在另一篇来总结。目录前言

绝地灬酷狼/ 2023年02月10日 03:38/ 0 赞/ 112 阅读

相关 Js cookie写入方法封装

//name 键

叁歲伎倆/ 2023年01月09日 15:31/ 0 赞/ 216 阅读

相关 js实现存储cookie获取cookie封装

//存储cookie 不设置时间为永久存储cookie function setCookie(cname, cvalue) { // var d

古城微笑少年丶/ 2022年12月19日 01:23/ 0 赞/ 158 阅读

相关 js-cookie封装获取cookie方法

先安装依赖 > npm i js-cookie 代码示例 import Cookies from 'js-cookie' const T

傷城~/ 2022年12月14日 08:49/ 0 赞/ 212 阅读

相关 elementUI message 简化使用封装

内容 // message.js import { Message } from 'element-ui' let messageInstanc

Love The Way You Lie/ 2022年08月30日 06:38/ 0 赞/ 222 阅读

相关 js继承封装（一）

对于该话题网上一搜一大把，在这也为自己的一些心得做个小小总结吧：继承方式一：网上常说的采用call和apply来实现继承 //定义一个修改command函数

朴灿烈づ我的快乐病毒、/ 2022年08月10日 06:15/ 0 赞/ 185 阅读

相关 js原生之免登陆，cookie封装

免登陆，cookie封装方法 > 废话不多，上代码。 //添加。 //cookie是键值对组成的，还有路径和保存时间，保存时间可以做删除。

待我称王封你为后i/ 2022年03月01日 01:08/ 0 赞/ 276 阅读

相关编程基础——鱼龙混杂来一波

以后就开始刷题吧，不刷不知道，一刷虾米了，很多基础知识都忘的差不多了，尤其是C++的，本来就不熟，上次看还是一年前，结果可想而知，被虐惨了～～所以最近要补一下基础，然后一边

比眉伴天荒/ 2022年01月30日 03:07/ 0 赞/ 188 阅读

相关来一波js最简化高效封装Cookie

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

比眉伴天荒/ 2021年08月13日 18:19/ 0 赞/ 224 阅读