尤明明Blog

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

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

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

2024-11-28   Umming   js常用代码    评论(0)    浏览(20)


<!DOCTYPE html>
<html>
<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/358.html

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


发表评论:

//