尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

js设置/读取/删除cookies方法

2020-10-11   Umming   js常用代码    评论(0)    浏览(1538)


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
// 设置Cookie
function setCookie(name, value) {
    var Days = 1;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString()+";path=/";
}

// 读取Cookie
function getCookie(name) {
   var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
   if (arr = document.cookie.match(reg))
       return unescape(arr[2]);
   else
       return null;
}
//删除
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() + (-1 * 24 * 60 * 60 * 1000));
    var cval = getCookie(name);
    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString() + ";path=/";
}



if(getCookie("isVist")=='yes'){
	alert('已经访问过')
	
}else{
	alert('第一次访问!')
}



</script>
<button id="c1">添加cookies</button>
<button id="c2">删除cookies</button>
<button id="c3">读取cookies</button>

<script type="text/javascript">
$("#c1").click(function(){
setCookie("isVist","yes");
})
$("#c2").click(function(){
delCookie("isVist");	
})
$("#c3").click(function(){
 if(getCookie("isVist")==null){
 	alert('没有设置cookies')
 }
 else{
 	alert(getCookie("isVist"));	
 }
})

</script>
</body>
</html>

标签: js代码

本文链接:https://www.umming.com/js/263.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


//