Cookie函数的封装

最新推荐文章于 2022-10-10 20:40:05 发布

恶魔之典

最新推荐文章于 2022-10-10 20:40:05 发布

阅读量149

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43756410/article/details/111997426

版权

本文记录了一次关于JavaScript中封装cookie函数的学习过程，通过实践尝试和多次练习来掌握该函数的使用。

摘要由CSDN通过智能技术生成

今天我记录一下学习的封装的cookie函数

const $ = (function(){
	return {
		getCookieAll:function(){
			let obj={};
			let str = document.cookie;
			let str1=str.split(";");
	
			for(let i=0;i<str1.length;i++){
				let str2=str1.split("=")
				let key=str2[0];
				let val = str2[1];
				obj[key]=val;
			}
			return obj;
		},
		getCookie:function(key){//获取的是每个key的值
			let obj = this.getCookieAll();
			return obj[key];	
		},
		//一个cookie组成为cookie='key=value;expires=时间;path=路径;domain=域名;secure'
		setCookie:function(key,val,days,path,domain,secure){
			let strCookie = "";
			if(key){
					strCookie+=key+"="+val+";";
					}
			if(typeof(days)=="number"){//检测是否是数字
				let date = new Date();
				date.setDate(date.getDate()+days)//现在的日期加上cookie里面的日期，单位为毫秒
				strCookie+="expirse="+date+";";
			}
			if(path){
				strCookie+="path="+path+";";
			}
			if(domain){
				strCookie+="domain"+domain+";";
			}
			if(secure){
				strCookie+="secure";
			}
			
			document.cookie=strCookie;//把拼接好的字符串设置
		},
		removeCookie:function(key){//移除cookie
			this.setCookie(key,"",-1);//设置！不是赋于！
		}
	}
})()

好了,现在我们试一下这个函数能不能用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <script src="./cookie函数.js"></script> -->
    <script src="../day14.cookie/1.code/js/cookie.tools.js"></script>
    <script>
        $.setCookie("name","邓双政",10);//调用$函数里的设置cookie
        let str =  $.getCookie("name");//调用$函数里的获取cookie
        alert(str);
    </script>
</body>
</html>

结果是这样的
好了,这个函数我已经抄了5遍以上了,还是要多加练习啊

恶魔之典

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Cookie函数的封装

今天我记录一下学习的封装的cookie函数const $ = (function(){ return { getCookieAll:function(){ let obj={}; let str = document.cookie; let str1=str.split(";"); for(let i=0;i<str1.length;i++){ let str2=str1.split("=") let key=str2[0]; let val
复制链接

扫一扫