美浩工作室是一个以90后团队为主的网站设计,制作,优化,维护为一体的网站建设工作室,为您量身定制适合企业自身的网站,欢迎咨询:15249241469

记录访客最近浏览网页js代码

JavaScript mihoweb 1646℃ 0评论

未标题-1很多时间,我们在访问一些网站的时候,他们的右侧会出现您刚访问的栏目,这些就用的是js做的,想不想加到你的网站上呢?这样就能让用户的浏览率加大,跳失率降低的,好啦,看代码吧

记录访客最近浏览网页js代码:

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>   
  2. <html xmlns=“http://www.w3.org/1999/xhtml”>   
  3. <head>   
  4. <meta http-equiv=“content-type” content=“text/html;charset=gb2312″>   
  5. <title>网页特效 js记录访客最近浏览过的网页</title>   
  6. </head>   
  7. <body>   
  8. <hr>   
  9. 刷新一下试试!把下面的代码放到要记录“访客最近浏览过的网页”的页面中就可以了。   
  10. <fieldset id=“www_zzjs_net” style=“border:1px red solid;width:300px;height:400px;line-height:25px;color:blue;”>   
  11. <legend style=“color:red”>您最近浏览过的网页</legend>   
  12. 未找到您最近浏览过的网页   
  13. </fieldset>   
  14. <script type=“text/javascript”>   
  15. if(navigator.cookieEnabled){//判断是否支持Cookie   
  16.      var tag = document.getElementById(“www_zzjs_net”);//输出结果DIV id   
  17.      var N = 10;//太长标题截取汉字字数   
  18.      var listCount = 10;//记录和显示最近几条   
  19.      var myTitle = escape(document.title) + “^”;//取标题   
  20.      var myUrl = escape(location.pathname) + “[        DISCUZ_CODE_1        ]quot;;//取地址
  21.      var expTime = new Date(new Date().setDate(new Date().getDate() + 500));//设定过期时间为500天  
  22.      var edp = ”|; expires=“ + expTime.toGMTString() + ”; path=/“;//组合Cookie参数  
  23.      var allCookie = document.cookie;//取出全部Cookie  
  24.      if(allCookie.indexOf(“news=“) != -1 || allCookie.indexOf(“$|“) != -1){//判断是否为第一次浏览  
  25.          var myCookieStart = allCookie.indexOf(“news=“) + ”news=“.length;  
  26.          var myCookieEnd = allCookie.indexOf(“$|“,myCookieStart);  
  27.          var myCookieall = unescape(allCookie.substring(myCookieStart,myCookieEnd));  
  28.          var myCookie = myCookieall.split(“[        DISCUZ_CODE_1        ]quot;);   
  29.          var myCookieTit = new Array();   
  30.          var myCookieUrl = new Array();   
  31.          for(var i = 0; i < myCookie.length; i++){   
  32.              var myCookieOne = myCookie[i].split(“^”);   
  33.              myCookieTit[i] = myCookieOne[0];   
  34.              myCookieUrl[i] = myCookieOne[1];   
  35.          }   
  36.          var tagDat = “”;   
  37.          for(var i =myCookieTit.length - 1; i >= 0; i–){//从先到后顺序取得结果值   
  38.              var textCount = myCookieTit[i].replace(/[^\x00-\xff]/g,“aa”).length;   
  39.              if(textCount <= N*2){   
  40.                  texts = myCookieTit[i];   
  41.              }else{   
  42.                  for(var a = N; a < textCount; a++){   
  43.                      texts = myCookieTit[i].substr(0,a);   
  44.                      if(texts.replace(/[^\x00-\xff]/g,“aa”).length >= N*2){   
  45.                          texts += “…”  
  46.                          break;   
  47.                      }   
  48.                  }   
  49.              }   
  50.              tagDat += “<a href=\”" + myCookieUrl[i] + “\”" + “ title=\”" + myCookieTit[i] + “\”>” + texts + “</a>”  
  51.          }   
  52.      tag.innerHTML =tagDat;//输出结果给页面div   
  53.      var newCookie = “”;   
  54.      if(myCookie.length < listCount){   
  55.          for(i in myCookie){   
  56.              if(myCookieTit[i] == document.title) continue;//去除重复   
  57.              newCookie += escape(myCookieTit[i]) + “^” + escape(myCookieUrl[i]) + “[        DISCUZ_CODE_1        ]quot; ;
  58.          }  
  59.      }else{  
  60.          for(var i = 1; i < listCount; i++){  
  61.              if(myCookieTit[i] == document.title) continue;  
  62.              newCookie += escape(myCookieTit[i]) + ”^“ + escape(myCookieUrl[i]) + ”[        DISCUZ_CODE_1        ]quot; ;   
  63.          }   
  64.      }   
  65.      document.cookie = “news=” + newCookie + myTitle + myUrl + edp;   
  66.      }else{   
  67.          document.cookie = “news=”+ myTitle + myUrl + edp;   
  68.      }   
  69. }else{//不支持Cookie的处理   
  70.      tag.innerHTML=“您的浏览器关闭了Cookie功能,不能为您自动保存最近浏览过的网页!”  
  71. }   
  72. </script>   
  73. </body>   
  74. </html>  

如果您喜欢这篇文章,欢迎分享订阅。

转载请注明:美浩工作室官方博客 » 记录访客最近浏览网页js代码

喜欢 (15)