js实现产品最近历史浏览〔转〕

 

$(function(){//ready后再获取    
   
    //第一步取得需要写入cookie的内容    
    var pro_url = document.URL;//页面地址     
    var pro_name = $(".Product_Name h1").text();//产品名称     
    var pro_img = $("#Product_BigImage img")[0].src;//图片路径     
    var pro_price = $(".Pro_baseinfo li").eq(2).children("img")[0].src;//价格     
    var canAdd     = true;//默认可以插入    
        
    //第二步，取得cookie并取得已有历史记录产品数目,对于cookie的操作，这里用了jquery的一个插件，你不喜欢，可以用自己的    
     var hisProduct = $.cookie('hisProduct');    
     var len = 0;    
     if(hisProduct){    
            hisProduct = eval('('+hisProduct+')');//静普通字符串转换成json    
            len = hisProduct.length;    
     }    
         
     //第三步，判断当前页面的产皮是否已经在记录中，用产品名称去比较    
     $(hisProduct).each(function(i){    
            if(this.proname == pro_name){    
                canAdd = false;//已经存在    
                return;    
            }    
       })    
           
       //第四步，可以添加的话。    
        if(canAdd){    
            var temp = "[";    
            var startNum = 0;    
            if(len > 2){startNum = 1;}//如果已经记录产品>2，前面说了，最多3个产品，所以这里其实是3，那么不需要第一个产品的记录    
            for(var m = startNum;m < len;m++){    
                temp = temp + "{\"url\":\""+hisProduct[m].url+"\",\"imgurl\":\""+hisProduct[m].imgurl+"\",\"proname\":\""+hisProduct[m].proname+"\",\"proprice\":\""+hisProduct[m].proprice+"\"},";             
            }    
            temp = temp + "{\"url\":\""+url_+"\",\"imgurl\":\""+imgurl_+"\",\"proname\":\""+proname_+"\",\"proprice\":\""+proprice_+"\"}]";     
            $.cookie("hisProduct",temp,{ expires:1});//ie6下是否有写入    
       }    
           
       //第五步，OK，输出吧    
       var newtemp = eval('('+$.cookie("hisProduct")+')');    
       var newtemp_ = "";    
       for(var n = newtemp.length - 1;n > -1;n--){//这里你可以输出为自己要的格式    
            newtemp_ = newtemp_ + "<li><p><a target='_blank' href='"+newtemp[n].url+"'><img src='"+newtemp[n].imgurl+"' \/><\/a></p>";    
            newtemp_ = newtemp_ + "<p><a target='_blank' href='>"+newtemp[n].url+"'>"+newtemp[n].proname+"<\/a><\/p>";    
            newtemp_ = newtemp_ + "<p class='pc'>"+newtemp[n].proprice+"<\/p><\/li>";    
       }    
       $("#prohistory").html(newtemp_);//我输出到prohistory这个div里面    
})   

转自：http://sosuo8.com/article/show.asp?id=2776