巧用javascript记录网站访问次数

我们知道Cookie是记录访问你站点的用户的信息，它驻留在用户的硬盘上，如果该用户再次返回你的站点，则该cookie就会被一起发回到你的服务器中，便于你统计和处理重复到访者的信息。在IE4和NS4两个浏览器中，都提供了对Coo　kie的支持，并且允许我们用javascript或者VBScript去操作它们。　

为了简单了解一下Cookie读写的原理，请看以下例子。　

　　写Cookie：
　　<　script　>
　　　function　setCookie()　　　　　　
//建立设定Cookie的函数　　
　　　{　var　the_visits　=　1;　　　　　
//初始化VISIT，即访问次数为1
　　　　var　the_cookie　=　"3Ware=uservisits:"
　+　escape(the_visits);
　　　　　　　　　　　　　　　　　　　
//加入自己的标识符，并用escape函数对Cookie编码
　　　　documents.cookie　=　the_cookie;//写入Cookie
　　　}　　　　　　　　
　　　<　/script　>　

----　这样，将生成一个字符串3Ware=uservisits:1，就是把一个名为3Ware的Cookie　保存到硬盘里，该Cookie的值就是uservisits:1。当我们读Cookie的时候，只需　寻找名字为3Ware的Cookie，然后用unescape解码，读出访问次数。　
　　　读Cookie：
　　　<　script　>
　　　　function　readCookie()
　　　　　{　var　the_cookie　=　documents.cookie;　
　//获得已写的Cookie值
　var　broken_cookie　=　the_cookie.split(":");
　//找出分隔符
　　　　　　var　the_visits　=　broken_cookie[1];　
　//读出分隔符后一部分
　　　　　　var　the_visits　=　unescape(the_visits);
　//用unescape函数对Cookie解码
　　　　　　document.writeln("Your　visits　is:　"
+　the_visits);　//写出访问次数
　　　　　}
　　　<　/script　>

这样，将生成一个字符串3Ware=uservisits:1，就是把一个名为3Ware的Cookie　保存到硬盘里，该Cookie的值就是uservisits:1。当我们读Cookie的时候，只需寻找名字为3Ware的Cookie，然后用unescape解码，读出访问次数。　

　　　读Cookie：
　　　<　script　>
　　　　function　readCookie()
　　　　　{　var　the_cookie　=　documents.cookie;　
　//获得已写的Cookie值
　var　broken_cookie　=　the_cookie.split(":");
　//找出分隔符
　　　　　　var　the_visits　=　broken_cookie[1];　
　//读出分隔符后一部分
　　　　　　var　the_visits　=　unescape(the_visits);
　//用unescape函数对Cookie解码
　　　　　　document.writeln("Your　visits　is:　"
+　the_visits);　//写出访问次数
　　　　　}
　　　<　/script　>

最后在网页中加入“<　script　>setCookie();readCookie();<　/script　>”就　能记住访问的次数了。

但，这个只是基本的原理，实际操作还涉及到Cookie存放的路径，什么时候失效，它的有效作用域在那里，以及检查访问次数是否存在等问题。考虑到以上问题，实际的程序如下：　

　　<　HTML　>
　　　　<　script　Language="javascript"　>
　　　　　function　GookieVal(offset)　　　
　//获得Cookie解码后的值　
　　　　　{
　　　　　　var　endstr　=　documents.cookie.
indexOf　(";",　offset);
　　　　　　if　(endstr　==　-1)
　　　　　　endstr　=　documents.cookie.length;
　　　　　return　unescape(documents.cookie.
substring(offset,　endstr));
　　　　　}
　　　　　function　Gookie(name)　
　//获得Cookie的原始值
　　　　　{　var　arg　=　name　+　"=";
　　　　　　var　alen　=　arg.length;
　　　　　　var　clen　=　documents.cookie.length;
　　　　　　var　i　=　0;
　　　　　　while　(i　<　clen)
　　　　　　{
　　　　　　　　　var　j　=　i　+　alen;
　　　　　　　　　if　(documents.cookie.
substring(i,　j)　==　arg)
　　　　　　　　　return　GookieVal　(j);
　　　　　　i　=　documents.cookie.indexOf("　",　i)　+　1;
　　　　　　if　(i　==　0)　break;
　　　　　　}
　　　　　　return　null;
　　　　　}
　　　function　Sookie(name,　value)　　　
　//设定Cookie值
　　　　　{　var　argv　=　Sookie.arguments;
　　　　　　var　argc　=　Sookie.arguments.length;
　　　　　　var　expires　=　(argc　>　2)　?　argv[2]　:　null;
　　　　　　var　path　=　(argc　>　3)　?　argv[3]　:　null;
　　　　　　var　domain　=　(argc　>　4)　?　argv[4]　:　null;
　　　　　　var　secure　=　(argc　>　5)　?　argv[5]　:　false;
　　　　　　documents.cookie　=　name　+　"="　+　
escape　(value)　+((expires　==　null)　?
　　　　　　""　:　(";　expires="+　expires.toGMTString()))
　+((path　==　null)　?　""　:　
　　　　　　(";　path="　+　path))　+((domain　==　null)　?　""
　:　(";　domain="　+　domain))
　　　　　　+((secure　==　true)　?　";　secure"　:　"");
　　　　　}
　　　function　Dookie(name)
　　　　　{　var　exp　=　new　Date();
　　　　　　exp.setTime　(exp.getTime()　-　1);
　　　　　　var　cval　=　Gookie　(name);
　　　　　　documents.cookie　=　name　+　"="　+　cval　+　";　
expires="+　exp.toGMTString();
　　　　　}
　　　<　/script　>
　　　<　script　>
　　　　var　expdate　=　new　Date();
　　　　expdate.setTime(expdate.getTime()　+　
(24　*　60　*　60　*　1000　*　365));
　　　　if(!(visits　=　Gookie("3wave")))　
　　　　　{　visits　=　1;
　　　Sookie("3wave",　visits,　expdate,　"/",　null,　false);
　　　document.write("这是您第"　+　visits　+　"次光临本站");}
　　　else{　visits++;　
　　　　　Sookie("3wave",　visits,　expdate,　"/",　null,　false);
　　　　document.write("您已经第"　+　visits　+　"次光临小站");
　　　　　　　　　}　
　　　　if(visits<　2)
　　　　document.write(",是小站的新手上路，加油哦。")
　　　　if(visits　>=2&&visits<　4)
　　　document.write(",是小站的初级站友，不错嘛。")　
　　　　if(visits　>=4&&visits<　6)
　　　document.write(",是小站的高级站友，很厉害啊！")　
　　　　if(visits　>=6)
　　　document.write(",是小站的支柱，我实在太感动了！")　　
　　　<　/script　>
　　　<　/HTML　>

在判断访问次数所表达的句子上，你可以根据网站的风格，改为有自己个性的话语，相信，如果访问者在你的网站上看到这些话，留给他的印象一定很深刻，这样就可以让你的网站更加吸引别人了。