弹出的窗口之 Cookie 控制

实例说明

为了让相同的广告信息不在每次打该开网页时都弹出，而只在第一次打开该网页时弹出。

技术要点

Cookie 是网站在访问者硬盘上存储的一些定制的信息段。通过浏览器，网页可以实现对 Cookie 的存储、获取和删除。Cookie 的目的只有一个，即记录访问者的个体信息。在开始使用 Cookie 前，我们需要知道下面的规则。

浏览器可以存储的总 Cookie 数量不能超过 300 个，每个服务器不得超过 20 个（对于整个服务器，而不仅仅是用户自己的网页或网站）。存储容量也限制在每个 Cookie4KB，所以不要试图在一个 Cookie 中存储过多的信息。默认情况下，一个 Cookie 可以在整个浏览器的运行期间存在；当用户退出浏览器后，Cookie 内容也就会消失。为了让一个 Cookie 的持续时间超过一个浏览周期，可以设置失效日期。

实现过程

1.广告页面

new.html

<html>          
<head>          
<title>广告页面</title>          
<style type="text/css">          
body{          
    background-image:url(new.jpg);          
    background-repeat:no-repeat;          
    }          
</style>          
</head>          
<body></body>          
</html>

2.在需要弹出广告窗口的页面中，判断客户端浏览器中是否存在指定的 Cookie，如果不存在，则弹出新窗口显示广告信息，否则不弹出广告信息。

<html>  
<head>  
<title>Cookie控制</title>  
<script>  
    function openWindow()  
    {  
        window.open("new.html","new","width = 352","height = 193");  
    }  
    function GetCookie(name)  
    {  
        var search = name + "=";  
        var returnvalue = "";  
        var offset , end;  
        if(document.cookie.length>0)  
        {  
            offset = document.cookie.indexOf(search);  
            if(offset != -1)  
            {  
                offset += search.length;  
                end = document.cookie.indexOf(";",offset);  
                if(end == -1)  
                    end = document.cookie.length;  
                returnvalue = unescape(document,cookie,substring(offset,end));  
            }  
        }  
        return returnvalue;  
    }  
    function LoadPop()  
    {  
        if(GetCookie("pop")=="")  
        {  
            openWindow();  
            var today = new Date();  
            var time = "Monday,11-May"+today.getYear()+1+"13:20:00 GMC";  
            document.cookie = "pop=yes;expires="+time;  
        }  
    }  
</script>  
</head>  
<body onLoad = "LoadPop()"></body>  
</html>