js基础学习之--关于 Cookie 的增删改查的封装函数

 关于 Cookie 的增删改查的封装函数

1. 设置(创建、修改) cookie 数据

        参数1：键值
        参数2：键名

<span style="font-size:24px;">function setCookie(key,value){

		document.cookie = key + "=" + encodeURIComponent(value);

	}</span>

     测试：

       setCookie("people1","你好1");

2. 设置(创建、修改) cookie 数据

参数1：键值
参数2：键名
参数3：过期时间

function setCookie1(key,value,dateTime){

		document.cookie = key + "=" + encodeURIComponent(value)+";expires="+ date;

	}

     
     测试： var date = new Date();
         date.setDate(date.getDate() + 3); 
                 setCookie1("people1","你好1",date);


3. 设置(创建、修改)cookie数据
参数1：键值
参数2：键名
参数3：过期时间(可以也可以不写)

<span style="font-size:24px;">	function setCookie2(key,value,dateTime){
		var cValue = key + "=" + encodeURIComponent(value);
		if(dateTime){
			cValue =　cValue +";expires="+ dateTime;
		}
		 document.cookie = cValue;
		}</span>

  
     测试： var date = new Date();
         date.setDate(date.getDate() + 3); 
                 setCookie2("people1","你好1",date);


4. 获取给定键名的键值
参数：给定 cookie 的键名
  

<span style="font-size:24px;"> function getCookie(key){
   		var arr = document.cookie.split("; ");
   		console.log(arr);
   		var keyValue = "";
   		for(var i = 0; i < arr.length; i++){
	   		if(arr[i].split("=")[0] == key){
	   			keyValue = arr[i].split("=")[1];
	   			break;
	   		}
   		}
   		return decodeURIComponent(keyValue);
   }
</span>

     测试： getcookie("people3");


5. 删除给定键名的键值
  参数：给定 cookie 的键名

<span style="font-size:24px;">   function delcookie(key){
   		document.cookie = key + "=;expires=" + new Date(0);
   }
</span>

测试： delcookie("people1");