閲覧履歴のjs実装 example_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=$("#ProductDetail_ctl00_lblSaleNumber")。 text();
var hc=img "|" 価格 "|"
if($.cookie("history")!=null) 🎜>if($.cookie("履歴").indexOf(名前)==-1)
{

$.cookie("履歴",hc "*" $.cookie("履歴"),{expires:8,domain:'.groupfly.com',path:"/"});
}
}
else
{
$.cookie("history ",hc,{expires:8,domain:'.groupfly.com',path:"/"});
}
//閲覧履歴を JSCookied に書き込む End


2. 次に、Cookie を読み取ります。

コードをコピー コードは次のとおりです:

<スクリプト タイプ= "text/javascript" charset="utf-8">

//Cookie 化された履歴を読み取る
$(function(){

var hc=$.cookie("history") ;
if(hc!=null)
{
if(hc.indexOf("*")!=-1)
{
var splithtml=hc.split("*" ) ;
var xhtml=new Array();
var hlength=splithtml.length;
if(parseInt(hlength)>4)
for(var i = 0;i{
xhtml.push('

' splithtml[i].split("|")[1].substr(0, 17) 'xhtml.push('

< img src="' splithtml[i].split("|")[0] '_160x160.jpg" alt="' splithtml[i].split("|")[1] '" />￥' splithtml[i].split("|")[3] '

');
xhtml.push('

販売済み' splithtml[i].split("|")[4] 'penもう一度見てください

');
}
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] 'ペンもう一度

');
xhtml.push('

< a href="javascript:clearcookied();"> ;レコードをクリア

');
$("#MyHistory").append(xhtml.join(""));
}
}
else
{
$("#MyHistory").append("

閲覧履歴なし

");
}
}); )
{
$.cookie('history',null,{expires:1,domain:'.nrqiang.com'});
$("#MyHistory").html("< li>閲覧履歴なし");
}
$(function() {
$("img" ).each(function(){$(this).attr("src ",$(this).attr("original"));});
});

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。