zoukankan      html  css  js  c++  java
  • 使用cookie,点击关闭一天后显示的弹窗

    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>

    好好学习,天天向上,有错欢迎指正!

  • 相关阅读:
    获取Windows DPI
    你的float用对了吗
    Overhead of a .NET array
    【原】灵活运用sessionStorage或者localStorage
    【总结】总结写了3个React页面后遇到的各种坑
    【学】AngularJS日记(4)- 过滤器的使用
    【学】AngularJS日记(3)- $apply(), run()方法
    【学】AngularJS日记(2)
    【学】AngularJS日记(1)
    【学】React的学习之旅7-官方例子总结
  • 原文地址:https://www.cnblogs.com/xcrh/p/6144277.html
Copyright © 2011-2022 走看看