집 >웹 프론트엔드 >JS 튜토리얼 >검색 기록 example_javascript 기술의 js 구현

검색 기록 example_javascript 기술의 js 구현

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의: 2016-05-16 16:51:491551검색

먼저 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("history").indexOf(name)==-1) 
{ 

$.cookie("history",hc "*" $.cookie("history "),{만료:8,도메인:'.groupfly.com',경로:"/"}); 
} 
} 
else 
{ 
$.cookie("history ",hc,{expires:8,domain:'.groupfly.com',path:"/"}); 
} 
//JSCookied End에 검색 기록 쓰기

 

2. 그런 다음 Cookied

코드 복사를 읽고 코드는 다음과 같습니다.

<스크립트 유형 = "text/javascript" charset="utf-8">
//쿠키 기록 읽기
$(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)
hlength=4; 0;i{
xhtml.push('

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

< img src="' 분할html[i].split("|")[0] '_160x160.jpg" alt="' 분할html[i].split("|")[1] '" />\' Splithtml[i].split("|")[3] '

')
xhtml.push('

판매됨' 분할html[i].split("|")[4] '펜 다시 보기

');
}
xhtml.push('

기록 지우기

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

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

');
xhtml.push('

< img src="' hc.split("|")[0] '_160x160.jpg" alt="' hc.split("|")[1] '" />< /a>

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

')
xhtml.push('

판매됨' hc.split("|")[4] '펜 보기 다시

')
xhtml.push('

< a href="javascript:clearcookied();"> ;기록 지우기

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

검색 기록 없음

")
}
})

functionclearcookied( )
{
$.cookie('history',null,{expires:1,domain:'.nrqiang.com'});
$("#MyHistory").html("< li>검색 기록 없음");
}
$(function() {
$("img" ).each(function(){$(this).attr("src ",$(this).attr("original"));});
});

성명：

이전 기사：Firefox 및 IE_javascript 팁과 호환되는 Tab 키 JS 코드 비활성화다음 기사：Firefox 및 IE_javascript 팁과 호환되는 Tab 키 JS 코드 비활성화

검색 기록 example_javascript 기술의 js 구현

관련 기사