js中实现cookie的增删改查

js中实现cookie的增删改查(document.cookie的使用详情)

一、设置cookie的值

1、每个cookie都是一个名称/值对，名称/值对用等号连接，并将该名称/值对赋值给document.cookie即可。如：document.cookie="id=100";

var t1 = document.querySelector('#t1')


			// 创建cookie的方法
			function createCookie() {

				let date_ = new Date();
				date_.setDate(date_.getDate() + 7)

				document.cookie = `${t1.value}=${t1.value};expires=${date_}`;

			}

 

二、修改cookie的值

如果要改变一个cookie的值，只需重新赋值，例如：document.cookie="id=88";

这样cookie中id的值就变成成了88

三、获取cookie的值

cookie的值可以由document.cookie直接获得：var strCookie=document.cookie;

  for(var i of document.cookie.replace(/;/g,'').split(' ')){
                if(i.split("=")[0]=='name'){
                    console.log(i)
                }
            }

四 删除cookie

   直接将cookie的有效时间设置成过去即可。如

let date_ = new Date();
			date_.setDate(date_.getDate() - 1)
			document.cookie = `sex=sex;expires=${date_}`;