ホームページ > ウェブフロントエンド > jsチュートリアル > 閲覧履歴のjs実装 example_javascriptスキル

閲覧履歴のjs実装 example_javascriptスキル

WBOY
リリース: 2016-05-16 16:51:49
オリジナル
1519 人が閲覧しました

まず 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('
');
}
xhtml.push(' ');
$("#MyHistory") .append(xhtml.join( ""));
}
else{
var xhtml=new Array();
xhtml.push('');
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"));});
    });


    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート