巧用JavaScript記錄網站訪問次數

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編碼
　　　　document.cookie　=　the_cookie;//寫入Cookie
　　　}　　　　　　　　
　　　<　/script　>　

----　這樣，將產生一個字串3Ware=uservisits:1，就是把一個名為3Ware的Cookie　儲存到硬碟裡，該Cookie的值就是uservisits:1。當我們讀Cookie的時候，只需　尋找名字為3Ware的Cookie，然後用unescape解碼，讀出訪問次數。　
　　　讀Cookie：
　　　<　script　>
　　　　function　readCookie()
　　　　　{　var　the_cookie　=　document.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　=　document.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　=　document.cookie.
indexOf　(";",　offset);
　　　　　　if　(endstr　==　-1)
　　　　　　endstr　=　document.cookie.length;
　　　　　return　unescape(document.cookie.
substring(offset,　endstr));
　　　　　}
　　　　　function　Gookie(name)　
　//獲得Cookie的原始值
　　　　　{　var　arg　=　name　+　"=";
　　　　　　var　alen　=　arg.length;
　　　　　　var　clen　=　document.cookie.length;
　　　　　　var　i　=　0;
　　　　　　while　(i　<　clen)
　　　　　　{
　　　　　　　　　var　j　=　i　+　alen;
　　　　　　　　　if　(document.cookie.
substring(i,　j)　==　arg)
　　　　　　　　　return　GookieVal　(j);
　　　　　　i　=　document.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;
　　　　　　document.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);
　　　　　　document.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　>

在判斷訪問次數所表達的句子上，你可以根據網站的風格，改為有自己個性的話語，相信，如果訪問者在你的網站上看到這些話，留給他的印象一定很深刻，這樣就可以讓你的網站更加吸引別人了。