使用cookie，点击关闭一天后显示的弹窗

Posted 2020-08-22

1.cookie简单介绍

必须在发送其他任何信息之前从服务器发送到客户端；

使用POST方法的表单数据被存储在$_POST数组中，URL传送给脚本的值被存储在$_GET数组里，函数setcookie()将cookie数据存放在数组$_COOKIE中：

 1 setcookie(‘name‘, ‘test‘);  可以使用$_COOKIE[‘name‘]

其他可选的cookie参数：

 1 setcookie(name, value, expiration, path, domain, secure, httponly); 

expiration: 为cookie设定一个特定时间长度，可以使用php的time()函数获取当前时间

path: 限制站点中特定文件夹或者特定域中的cookie,

secure: 是否只能通过HTTPS连接传送

httponly: 限制对cookie的访问，不是所有浏览器都提供支持

删除cookie可以通过给cookie设置一个在过去的过期时间

弹窗代码：

1 <div id="app_banner" class="kid_banner">
2             <a href="/" class="kb_click">
3                 <img src="test.png">
4             </a>
5             <a id="kb_close" href="javascript:void(0);" onclick="banner_close()" class="close"></a>
6  </div> 

 1 <script>
 2     function cookiesave(n,v,time,dn,path)//设置
 3     {
 4         if(n){
 5             if(!time) time=24*60*0*1000;
 6             if(!path) path="/";
 7             var Days=1;//1天
 8             /*var Days=0.00006;//4s测试*/
 9             var exp=new Date();
10             var today=new Date();
11             exp.setTime(today.getTime()+Days*24*60*60*1000);
12             var expires="; expires="+exp.toGMTString();
13             if(dn) dn="domain="+dn+";";
14             document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;
15         }
16     }
17     function cookieget(n)//获取
18     {
19         var name = n + "=";
20         var ol=document.cookie;
21         /*alert(ol);*/
22         var ca = document.cookie.split(‘;‘);
23         /*alert(ca);*/
24         for(var i=0;i<ca.length;i++) {
25             var c = ca[i];
26             while (c.charAt(0)==‘ ‘) c = c.substring(1,c.length);
27             if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
28         }
29         return "";
30     }
31 
32     function banner_close(){
33         $("#app_banner").slideUp();
34         cookiesave(‘banner_close‘,‘banner_close‘,‘‘,‘‘);
35     }
36 
37     function clickclose(){
38         if(cookieget(‘banner_close‘)==‘banner_close‘){
39             $("#app_banner").slideUp();
40         }else{
41             $("#app_banner").slideDown();
42         }
43     }
44     window.onload=clickclose;
45 </script>

 

好好学习，天天向上，有错欢迎指正！