码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript特效实例006-弹出的窗口之Cookie控制

时间:2015-05-11 14:53:07      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:javascript

实例006            弹出的窗口之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>
注:style标签的内容为css的知识,我们关注的是script标签内的内容。
这样我们的这个实例就做好了。


JavaScript特效实例006-弹出的窗口之Cookie控制

标签:javascript

原文地址:http://blog.csdn.net/yejinwei1220/article/details/45642761

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!