通過js javascript對(duì)cookie進(jìn)行操作記錄，然后對(duì)產(chǎn)品進(jìn)行對(duì)比。

本代碼用到j(luò)query。請(qǐng)確認(rèn)有jquery 整體代碼如下: 在線測(cè)試

<script language="javascript">

$(function(){

    var show_div = $("<div id='forasp_list'></div>");

 $("body").append(show_div); 

 $("#forasp_list").css({position:"relative",width:"200px",height:"auto",border:"solid thin #000 1px;"}).offset({top:100,left:300}).hide();

 $(window).scroll(function(){move();});

});

function add(pid,name){//內(nèi)容用#分割，內(nèi)容組用","分割

 //alert(unescape(escape(name)));

 var max_num = 4;

 var c_str = get_ck();

 var c_str_ = "";

 var t_c_arr = new Array();

 var t_c_arr_ = new Array();

 var flag = true;

 show();

 if(c_str.indexOf("#")==-1){

  c_str_ = pid+"#"+escape(name);

 }else{

   t_c_arr = c_str.split(",");

   var t_c_num = t_c_arr.length;

   for(var i=0;i<t_c_num;i++){

   t_c_arr_ = t_c_arr[i].split("#");

   if(pid==t_c_arr_[0]){alert("已經(jīng)添加該產(chǎn)品!");show();flag=false;break;}

   c_str_ = c_str_+t_c_arr_[0]+"#"+t_c_arr_[1]+",";

   }

 if(!flag)return;

 if(t_c_num>=max_num){alert("最多比較四個(gè)產(chǎn)品");return;}

 c_str_ = c_str_+pid+"#"+escape(name);

  } 

set_ck(c_str_);

show();

}

function del(pid){

   var c_str = get_ck();

   var c_str_="";

   if(pid==0){//如果是全部清空

     c_str_ = "";

   }else{

   c_str = get_ck();

  if(c_str!=""){

   t_c_arr = c_str.split(",");

      for(var i=0;i<t_c_arr.length;i++){

  var t_c_arr_ = t_c_arr[i].split("#");

   if(pid!=t_c_arr_[0])c_str_ = c_str_+","+t_c_arr_[0]+"#"+t_c_arr_[1];

   }

   if(c_str_!="")c_str_=c_str_.substr(1,c_str_.length-1);

  }

 }

 set_ck(c_str_);

 set_htmlin();

}//原載于:學(xué)習(xí)www.網(wǎng)for站asp制.cn作

function set_htmlin(){

  var html_="";

   c_str = get_ck();

   $("#forasp_list").html("");

   if(c_str!=""){

   t_c_arr = c_str.split(",");

   t_c_num = t_c_arr.length;

   for(var i=0;i<t_c_num;i++){

 t_c_arr_ = t_c_arr[i].split("#");

 html_+=unescape(t_c_arr_[1])+"---<a href='#' onclick='del("+t_c_arr_[0]+")'>刪除</a><br>";

    }

   }

    html_+="<br><a href='#' onclick='compair()'>比較</a> <a href='#' onclick='del(0);'>清空</a> <a href='#' onclick='hid();'>隱藏</a>";

   $("#forasp_list").html(html_);

}

function show(){

 set_htmlin();

 $("#forasp_list").show();

}

function hid(){

 $("#forasp_list").hide();

}

function move(){//www.forasp.cn原創(chuàng)

 var scrollPos;

if(typeof window.pageYOffset!="undefined")

{

scrollPos = window.pageYOffset;

}

else if (typeof document.compatMode != "undefined" && document.compatMode != "BackCompat")

{

scrollPos = document.documentElement.scrollTop;

}

else if (typeof document.body != "undefined")

{

scrollPos = document.body.scrollTop;

}

var obj =$("#forasp_list");

var op = obj.position().top;

obj.offset({"top":100+scrollPos});

show();

}

function get_ck(){

 var temp = document.cookie;

 if(temp.indexOf("foraspcn_=")!=-1){

 return temp.split("foraspcn_=")[1];

 }else{

  return "" ;

 }

}

function set_ck(temp){

 var date=new Date();

  if(temp!=""){

 date.setDate(date.getDate()+1);

 document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString();

 }else{

 date.setDate(date.getDate()-1);

 document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString();

 }

}function compair(){

   var c_str = get_ck();

   var c_str_="";

    if(c_str==""){alert("至少兩個(gè)選項(xiàng)！");return;}

  t_c_arr = c_str.split(",");

  if(t_c_arr.length<=1){alert("至少兩個(gè)選項(xiàng)！");return;}

      for(var i=0;i<t_c_arr.length;i++){

  var t_c_arr_ = t_c_arr[i].split("#");

   c_str_ = c_str_+","+t_c_arr_[0];

   }

 window.open("?"+c_str_);

}

</script>

更多信息請(qǐng)查看IT技術(shù)專欄