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

最新推荐文章于 2022-02-14 09:45:39 发布

迷茫的寻路者

最新推荐文章于 2022-02-14 09:45:39 发布

阅读量1.2k

点赞数 1

分类专栏： JavaScript网页特效范例文章标签： javascript

本文链接：https://blog.csdn.net/yejinwei1220/article/details/45642761

版权

JavaScript网页特效范例专栏收录该内容

19 篇文章 0 订阅

订阅专栏

实例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标签内的内容。

这样我们的这个实例就做好了。

迷茫的寻路者

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript特效实例006-弹出的窗口之Cookie控制

实例006 弹出的窗口之Cookie控制实例说明为了让相同的广告信息不在每次打该开网页时都弹出，而只在第一次打开该网页时弹出。技术要点Cookie是网站在访问者硬盘上存储的一些定制的信息段。通过浏览器，网页可以实现对Cookie的存储、获取和删除。Cookie的目的只有一个，即记录访问者的个体信息。在开始使用Cookie前，我们需要知道下面的规则。
复制链接

扫一扫