js 函数封装cookie的--存cookie取cookie删cookie

js 函数封装cookie的–存cookie取cookie删cookie

cookie的概念

cookie又叫会话跟踪技术是由Web服务器保存在用户浏览器上的小文本文件，它可以包含相关用户的信息.

cookie的特点

禁用cookie后，无法正常注册登录，
cookie是与浏览器相关的，不同浏览器之间所保存的cookie也是不能互相访问的，
cookie可以被删除，因为每个cookie都是硬盘上的一个文件，
cookie安全性不够高-xss攻击


//命名空间的方式：
const cookie = {
    addcookie: function (key, value, day) {  //存
        var d = new Date();
        d.setDate(d.getDate() + day);
        document.cookie = key + '=' + value + ';expires=' + d;
    },
    getcookie: function (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];
            }
        }
    },
    delcookie: function (key) {  //删
        addcookie(key, '', -1);
    }
}

//cookie.addcookie('num',100,365);
//cookie.getcookie('name')
//cookie.delcookie('name');

顺便说一下：

localStorage， sessionStorage， cookie的区别

1，首先总的来说，三者都是用于持久化数据存储的手段，都是存储在浏览器端，且同源（协议，端口号，都域名相同）。
2，localStorage和sessionStorage都是Web存储，大小5M左右，完全存储在客户端，它们是因为本地存储数据而存在。
3，cookies也是存储在浏览器端的，大小不超过4k，由Web服务器保存在用户浏览器上的小文本文件。
4，localStorage属于永久性存储，而sessionStorage属于当会话结束(关闭浏览器)的时候，存储的值会被清空，而cookie是通过设置过期时间来存储的。

来源：CSDN

作者：annie_7

链接：https://blog.csdn.net/annie_7/article/details/103472449

标签

函数封装

sessionstorage