javascript結(jié)合Cookies實現(xiàn)瀏覽記錄歷史第3/3頁

更新時間：2008年09月02日 15:38:23 作者：

最近在工作當中遇到一個問題有個頁面需要添加一個瀏覽歷史記錄功能，具體來說就是要記錄下用戶在此網(wǎng)站的點擊歷史并把它們降序排列出來（只顯示前6個瀏覽歷史而且不能重復）。

查看效果：

<html> <body>    <script> //cookie的相關(guān)函數(shù) function getCookieVal (offset) {   var endstr = document.cookie.indexOf (";", offset);   if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); }              function getCookie (name) { 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 getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; }    return null; } function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } ////////////////////////////////////   function glog(evt) {    evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A") { linkname=srcElem.innerHTML; address=srcElem.href+"_www.achome.cn_"; wlink=linkname+"+"+address;   old_info=getCookie("history_info"); var insert=true;   //////////////////////// if(old_info==null) //判斷cookie是否為空 {   insert=true; } else {   var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) {   if(old_link[j].indexOf(linkname)!=-1)   insert=false;   if(old_link[j]=="null")   break;   }   } ///////////////////////////// if(insert) //如果符合條件則重新寫入數(shù)據(jù) { wlink+=getCookie("history_info"); setCookie("history_info",wlink); history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.onclick=glog; //////////////////////////////////////////////////////////////////////////////// function history_show() {         var history_info=getCookie("history_info");   var content="";     if(history_info!=null)   {   history_arg=history_info.split("_www.achome.cn_");   var i;   for(i=0;i<=5;i++)   {     if(history_arg[i]!="null")     {      var wlink=history_arg[i].split("+");       content+=("<font color='#ff000'>↑</font>"+"<a href='"+wlink[1]+"' target='_blank'>"+wlink[0]+"</a>");       }       document.getElementById("history").innerHTML=content;       } } else   {document.getElementById("history").innerHTML="對不起，您沒有任何瀏覽紀錄";} } // JavaScript Document </script> <div>瀏覽歷史排行（只顯示6個最近訪問站點并且沒有重復的站點出現(xiàn)）</div> <div   class="yhvdu7k"   id="history"> <script> history_show(); </script> </div> <div>   點擊鏈接： <a href="#">網(wǎng)站1</a> <a href="#">網(wǎng)站2</a> <a href="#">網(wǎng)站3</a> <a href="#">網(wǎng)站4</a> <a href="#">網(wǎng)站5</a> <a href="#">網(wǎng)站6</a> <a href="#">網(wǎng)站7</a> <a href="#">網(wǎng)站8</a> <a href="#">網(wǎng)站9</a> </div> <div>如果有其他疑問請登陸<a href=http://www.dhdzp.com>腳本之家</a>與我聯(lián)系</div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上一頁 1 23閱讀全文

您可能感興趣的文章: