cookie如果不设置时间,存在就是浏览器开启生成一个 关闭就会自动删除,而且是整个浏览器窗口共享的

简单的操作：
存储cookie(key为test；value为testValue):
document.cookie = "test=testValue";
存储多个cookie：
document.cookie = "test1=testValue1";
document.cookie = "test2=testValue2";
获取cookie：
var getCookie = document.cookie;
升级版：
存储cookie:
function setCookie(){
           var cookieName="test";            //cookie名称
           var cookieValue = "testValue";    //cookie值
           var expires = "1";                //过期时间,此处设置有效期为1天 （不设置的话，浏览器关闭后此cookie将丢失）
           var time = new Date();
           time.setTime(time.getTime+expires*24*60*60*1000);
           document.cookie = cookieName+"="+escape(cookieValue)+ ";expires=" + time.toGMTString();
       }
注：由于在cookie的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。

而在cookie的名中我们可以控制，但要保存的值是不确定的，怎么办呢？

这时就需要用escape()函数进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码为“20%”，从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现，取的时候用unescape()函数解码即可。

修改cookie:
需要修改cookie时，只需要重新复制即可。

获取cookie:
function getCookie(cookieName){
           var arr;
           var reg = new RegExp("(^| )" + cookieName + "=([^;]*)(;|$)");
           arr = document.cookie.match(reg)
          return unescape(arr[2]);
        
       }
注：当存入多个cookie时，使用document.cookie读取时会全部取出来，可能我们只是想获取其中一个（如：test1），这样的结果不是我们想要的，因此用到了new RegExp()来帮我们过滤，同时使用match()函数来获取到最终的值,由于存的是编码后的值，所以需要通过unescape()来进行解码即可得到我们想要的结果。

删除cookie:

其实删除cookie说白了就是设置cookie的过期时间为过去的一个时间，即让cookie过期。

function delCookie() {
      var cookieName = "test";            //cookie名称
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);    //设置有效时间为过去的时间
        var cval=getCookie(cookieName);    //获取cookie信息
        if (cval!=null) {
            document.cookie= cookieName+"=" + cval + ";expires=" + exp.toGMTString();//重新设置cookie的有效时间
        }
       }
设置可访问cookie的路径：

cookie_dir表示可以访问cookie的目录，使用path属性可设置其值(设置仅在test目录下可用)：

document.cookie="cookieName=cookieValue; path=/test";
注：path="/"表示cookie在整个网站下都可用

设置cookie域：
domain表示cookie所在域，默认为请求的地址,并且默认情况下一个主机中创建的cookie在另一个主机下是不能被访问的。

如：网址test1.test.com要访问test2.test.com下的cookie可设置domain参数来实现

document.cookie="cookieName=cookieValue;domain=.test.com";
好了  以上是鄙人的一点认识，如果哪里有什么不对的，还望各位大神留言指出，小弟感激不尽并加以改正，抱拳了各位！
————————————————
版权声明：本文为CSDN博主「杀生丸H」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35713827/article/details/82688354