javascript結(jié)合Cookies實(shí)現(xiàn)瀏覽記錄歷史

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

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

查看效果：

<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) //如果符合條件則重新寫(xiě)入數(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="對(duì)不起，您沒(méi)有任何瀏覽紀(jì)錄";} } // JavaScript Document </script> <div>瀏覽歷史排行（只顯示6個(gè)最近訪問(wèn)站點(diǎn)并且沒(méi)有重復(fù)的站點(diǎn)出現(xiàn)）</div> <div   class="peaxpqy"   id="history"> <script> history_show(); </script> </div> <div>   點(diǎn)擊鏈接： <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>如果有其他疑問(wèn)請(qǐng)登陸<a href=http://www.dhdzp.com>腳本之家</a>與我聯(lián)系</div> </body> </html>

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

您可能感興趣的文章: