js 實作瀏覽歷史記錄範例_javascript技巧

先必須要引用一個js jquery.cookie.js

1，首先寫入jsCookied

複製代碼 代碼如下:

//瀏覽記錄寫入JSCookied 開始
var img=$("#ProductImgurl").attr("jqimg");
var name=$("# ProductDetail_ctl00_LabelName").text();
var url=location.href;
var price=$("#ProductDetail_ctl00_LabelShopPrice").text();
var sellcount=$""">Product"""> text();
var hc=img "|" name "|" url "|" price "|" sellcount;
if($.cookie("history")!=null)
{
if($.cookie("history").indexOf(name)==-1)
{

$.cookie("history",hc "*" $.cookie("history "),{expires:8,domain:'.groupfly.com',path:"/"});
}
}
else
{
$.cookie("history ",hc,{expires:8,domain:'.groupfly.com',path:"/"});
}
//瀏覽記錄寫入JSCookied 結束

2，然後再讀取Cookied

複製程式碼 程式碼如下:

');
xhtml.push ('

￥' splithtml[i].split("|") [3] '

');
xhtml.push('

已售出' splithtml[i].split("| ")[4] '筆再看看

');
}
xhtml.push('

清空記錄

' );
$("#MyHistory").append(xhtml.join(""));
}
else{
var xhtml=new Array();
xhtml.push ('

' hc.split("|")[1] .substr(0, 17) '

');
xhtml.push('

￥' hc.split("|")[3] '

');
xhtml.push('

已售出' hc.split("|")[4] '筆再看看再看看 a>

');
xhtml.push('

清空記錄 div>');
$("#MyHistory").append(xhtml.join(""));
}
}
else
{
$("# MyHistory").append("

暫無瀏覽記錄

");
}
});

function clearcookied()
{
$. cookie('history',null,{expires:1,domain:'.nrqiang.com'});
$("#MyHistory").html("

暫無瀏覽記錄

" );
}
$(function() {
$("img").each(function(){$(this).attr("src",$(this).attr(" original"));});
});