怎么用JavaScript記錄網站訪問次數

這篇文章主要講解了“怎么用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　>
在判斷訪問次數所表達的句子上，你可以根據網站的風格，改為有自己個性的話語，相信，如果訪問者在你的網站上看到這些話，留給他的印象一定很深刻，這樣就可以讓你的網站更加吸引別人了。

感謝各位的閱讀，以上就是“怎么用JavaScript記錄網站訪問次數”的內容了，經過本文的學習后，相信大家對怎么用JavaScript記錄網站訪問次數這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！