用$.cookie()来存历史浏览记录，并且显示出来

前提：要引入cookie.js和jquery.js文件

1、创建cookie

function getHistoryProduct() {
if ($.cookie(COOKIE_NAME1) != null) {
var json = eval('(' + $.cookie(COOKIE_NAME1) + ')');
var str = "";
str += "<div class='w152 fl' style='margin-top:15px'><img src='/images/icon-lishi(1).jpg'/></div>";
str += "<div class='w152 fl'>";
for (var i = json.length; i > 0; i--) {
str += "<div class='w152 fl mt10'><a  href='/product/" + json[i - 1].ProductCode + ".html' target='_blank' title='" + json[i - 1].ProductName + "'><img src='" + json[i - 1].PicMiddleUrl + "' width='152' height='152' alt='" + json[i - 1].ProductName + "'/></a></div>";
str += "<div class='w152 fl fwb tac mt10'>" + json[i-1].ProductName + "</div>";
str += "<div class='w152 fl mt10 tac tjjg'>" + json[i-1].ItemCode + "·" + json[i-1].SalePrice + "</div>";
if (json.length-i>=4) {
i = 0;
}
}
str += "</div>";
$("#reProduct").append(str);
}
}

two

function CreateCookikeHistory() {
var canAdd = true;
var ck = $.cookie(COOKIE_NAME1);
if ($.cookie(COOKIE_NAME1) == null) {
//商品详细信息
var jsonStr = "[{'ProductName':'" + $("#txtname").val() + "','PicMiddleUrl':'" + $("#txtimg").val() + "','SalePrice':'" + $("#txtprice").val() + "','ItemCode':'" + $("#txtcode").val() +"','ProductCode':'" + $("#txtpcode").val()+ "'}]";
$.cookie(COOKIE_NAME1, jsonStr, cookieSet); //如果没有这个cookie就设置他
}
else {
var jsonObj = eval('(' + $.cookie(COOKIE_NAME1) + ')'); //如果有，把json字符串转换成对象

//循环判断是否已经存在该产品
for (var obj in jsonObj) {
if (jsonObj[obj].ProductCode.toString() == $("#txtpcode").val().toString()) {
canAdd = false;
return false;
}
}
if(canAdd){
jsonObj[jsonObj.length] = new Object();
jsonObj[jsonObj.length - 1].ProductName = $("#txtname").val();
jsonObj[jsonObj.length - 1].PicMiddleUrl = $("#txtimg").val();
jsonObj[jsonObj.length - 1].SalePrice = $("#txtprice").val();
jsonObj[jsonObj.length - 1].ItemCode = $("#txtcode").val();
jsonObj[jsonObj.length - 1].ProductCode = $("#txtpcode").val();
$.cookie(COOKIE_NAME1, JSON.stringify(jsonObj), cookieSet1); //写入coockie JSON需要json2.js支持
}
}
}

function getHistoryProduct() {
if ($.cookie(COOKIE_NAME1) != null) {
var json = eval('(' + $.cookie(COOKIE_NAME1) + ')');
var str = "";
str += "<div class='w152 fl' style='margin-top:15px'><img src='/images/icon-lishi(1).jpg'/></div>";
str += "<div class='w152 fl'>";

// for (var obj in json) {
// str += "<div class='w152 fl mt10'><a href='/product/" + json[obj].ProductCode + ".html' target='_blank'><img src='" + json[obj].PicMiddleUrl + "' width='152' height='152' alt='" + json[obj].ProductName + "'/></a></div>";
// str += "<div class='w152 fl fwb tac mt10'>" + json[obj].ProductName + "</div>";
// str += "<div class='w152 fl mt10 tac tjjg'>" + json[obj].ItemCode + "·" + json[obj].SalePrice + "</div>";
// }
// for (var i = 0; i < json.length; i++) {
// str += "<div class='w152 fl mt10'><a href='/product/" + json[i].ProductCode + ".html' target='_blank'><img src='" + json[i].PicMiddleUrl + "' width='152' height='152' alt='" + json[i].ProductName + "'/></a></div>";
// str += "<div class='w152 fl fwb tac mt10'>" + json[i].ProductName + "</div>";
// str += "<div class='w152 fl mt10 tac tjjg'>" + json[i].ItemCode + "·" + json[i].SalePrice + "</div>";
// if (i >= 4) {
// i = json.length;
// }
// }

for (var i = json.length; i > 0; i--) {
str += "<div class='w152 fl mt10'><a href='/product/" + json[i - 1].ProductCode + ".html' target='_blank' title='" + json[i - 1].ProductName + "'><img src='" + json[i - 1].PicMiddleUrl + "' width='152' height='152' alt='" + json[i - 1].ProductName + "'/></a></div>";
str += "<div class='w152 fl fwb tac mt10'>" + json[i-1].ProductName + "</div>";
str += "<div class='w152 fl mt10 tac tjjg'>" + json[i-1].ItemCode + "·" + json[i-1].SalePrice + "</div>";
if (json.length-i>=4) {
i = 0;
}
}
str += "</div>";
$("#reProduct").append(str);
}
}