用JS实现浏览历史记录功能

记得以前学JS的时候。那个COOKIE就没有搞清楚。太麻烦了哈。不像PHP一个函数什么都搞定了。他那个COOKIE一多就不得了。那字符串截的头晕。

所以织梦写的这两个函数很重要。他直接简化了JS的COOKIE。让他由复杂变的简单了。这两个函数在AJAX里面的。

//读写cookie函数

function GetCookie(c_name)

{

 if (document.cookie.length > 0)

 {

  c_start = document.cookie.indexOf(c_name + "=")

  if (c_start != -1)

  {

   c_start = c_start + c_name.length + 1;

   c_end   = document.cookie.indexOf(";",c_start);

   if (c_end == -1)

   {

    c_end = document.cookie.length;

   }

   return unescape(document.cookie.substring(c_start,c_end));

  }

 }

 return null

}

function SetCookie(c_name,value,expiredays)

{

 var exdate = new Date();

 exdate.setDate(exdate.getDate() + expiredays);

 document.cookie = c_name + "=" +escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()); //使设置的有效时间正确。增加toGMTString()

}

把文件引进来后。点击并创建COOKIE

/创建cookie

function getCookies(ids,title){

 var saveid = GetCookie('id');

    var savetitle = GetCookie('products');

 if(saveid != null && savetitle != null)

 {

   var saveids = saveid.split(',');

         var savetitles = savetitle.split(',');

   var hasid = false;

   saveid = '';

         savetitle = '';

   j = 1;

   for(i=saveids.length-1;i>=0;i--)

   {

      if(saveids[i]==ids && hasid) continue;

      else {

       if(saveids[i]==ids && !hasid) hasid = true;

       saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);

                savetitle += (savetitle=='' ? savetitles[i] : ','+savetitles[i]);

       j++;

       if(j==10 && hasid) break;

       if(j==9 && !hasid) break;

      }

   }

     if(hasid) { return false; }

     else saveid += ','+ids;

         savetitle += ','+title;

   SetCookie('id',saveid,1);

         SetCookie('products',savetitle,1);

 }

 else

 {

         SetCookie('id',ids,1);                 //这个是文章ID，好做链接的

        SetCookie('products',title,1);　 //这个是文章标题，用来显示的

 }

}

创建好了在内容页读取COOKIE。

<!--输出cookie-->

        <script type="text/javascript">

            var saveid = GetCookie('id');

            var savetitle = GetCookie('products');

         if(saveid != null && savetitle != null)

         {

          var saveids = saveid.split(',');

                var savetitles = savetitle.split(',');

                var hasid = false;

          saveid = '';

                savetitle = '';

     for(i=saveids.length-1;i>=0;i--)

           {

              document.write("<li class=\"listline2 textflow\" onmouseover=\"this.style.backgroundColor='#e4e5ea'\" onmouseout=\"this.style.backgroundColor=''\">" + 

              "<span class=\"adKeyword\">·</span> <a href=\"/plus/view.php?aid="+saveids[i]+"\" title=\""+savetitles[i]+"\">"+savetitles[i]+"</a></li>");

      }

       }

        </script>

最后，清除COOKIE。这个可用AJAX实现。其实用JS也有那种效果的。

//消除cookie，这儿用AJAX更好的

function destroy_cookie(){

    SetCookie('id','',1);

    SetCookie('products','',1);

    document.getElementById('viewHistory').innerHTML="";

    window.alert('你已成功清除浏览历史记录！');

}

ok了。要的时候可以直接调函数。没有函数的可以直接写在需要的地方就好了。其实不难。但是得费点时间搞。