欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js 實現(xiàn)瀏覽歷史記錄示例

 更新時間:2014年04月20日 14:35:15   作者:  
這篇文章主要介紹了如何使用js實現(xiàn)瀏覽歷史記錄,需要的朋友可以參考下
先必須要引用一個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+"|"+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
復制代碼 代碼如下:

<script type="text/javascript" charset="utf-8">
//讀取cookied歷史記錄
$(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;
for(var i=0;i<parseInt(hlength);i++)
{
xhtml.push('<div class="tuijian"><div class="tjname"><a href="'+splithtml[i].split("|")[2]+'">'+splithtml[i].split("|")[1].substr(0, 17)+'</a></div>');
xhtml.push('<div class="tjimga"><a href="'+splithtml[i].split("|")[2]+'"><img src="'+splithtml[i].split("|")[0]+'_160x160.jpg" alt="'+splithtml[i].split("|")[1]+'" /></a><p>¥'+splithtml[i].split("|")[3]+'</p></div>');
xhtml.push('<div class="otherInfo clearfix"><span>已銷售<b>'+splithtml[i].split("|")[4]+'</b>筆</span><a href="'+splithtml[i].split("|")[2]+'">再看看</a></div></div>');
}
xhtml.push('<div class="tr"><a href="javascript:clearcookied();">清空記錄</a></div>');
$("#MyHistory").append(xhtml.join(""));
}
else{
var xhtml=new Array();
xhtml.push('<div class="tuijian"><div class="tjname"><a href="'+hc.split("|")[2]+'">'+hc.split("|")[1].substr(0, 17)+'</a></div>');
xhtml.push('<div class="tjimga"><a href="'+hc.split("|")[2]+'"><img src="'+hc.split("|")[0]+'_160x160.jpg" alt="'+hc.split("|")[1]+'" /></a><p>¥'+hc.split("|")[3]+'</p></div>');
xhtml.push('<div class="otherInfo clearfix"><span>已銷售<b>'+hc.split("|")[4]+'</b>筆</span><a href="'+hc.split("|")[2]+'">再看看</a></div></div>');
xhtml.push('<div class="tr"><a href="javascript:clearcookied();">清空記錄</a></div>');
$("#MyHistory").append(xhtml.join(""));
}
}
else
{
$("#MyHistory").append("<li>暫無瀏覽記錄</li>");
}
});

function clearcookied()
{
$.cookie('history',null,{expires:1,domain:'.nrqiang.com'});
$("#MyHistory").html("<li>暫無瀏覽記錄</li>");
}
$(function() {
$("img").each(function(){$(this).attr("src",$(this).attr("original"));});
});
</script>

相關文章

  • javascript操作select參考代碼

    javascript操作select參考代碼

    用js控制select的方法,大家可以參考下
    2008-06-06
  • javascript中的變量是傳值還是傳址的?

    javascript中的變量是傳值還是傳址的?

    一門編程語言的核心是數(shù)據(jù)結構,粗略來講,可以把數(shù)據(jù)結構分成不可變類型(immutable)和可變類型(mutable)。
    2010-04-04
  • JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解

    JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解

    這篇文章主要介紹了JavaScript代碼異常監(jiān)控實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-02-02
  • JS綁定事件的3種方法舉例示范(簡單易懂)

    JS綁定事件的3種方法舉例示范(簡單易懂)

    在JavaScript的學習中我們經(jīng)常會遇到JavaScript的事件機制,例如事件綁定、事件監(jiān)聽、事件委托(事件代理)等,這篇文章主要給大家介紹了關于JS綁定事件的3種方法,需要的朋友可以參考下
    2023-11-11
  • Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面方法詳解

    Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面方法詳解

    Uniapp是一款基于Vue.js框架的跨平臺開發(fā)工具,支持在一套代碼中開發(fā)出運行于各大平臺的應用程序,這篇文章主要給大家介紹了關于Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面的相關資料,需要的朋友可以參考下
    2023-09-09
  • JS實現(xiàn)的簡單表單驗證功能示例

    JS實現(xiàn)的簡單表單驗證功能示例

    這篇文章主要介紹了JS實現(xiàn)的簡單表單驗證功能,涉及javascript針對表單提交內(nèi)容的獲取、判斷、焦點設置等相關操作技巧,需要的朋友可以參考下
    2017-10-10
  • Typescript中extends關鍵字的基本使用

    Typescript中extends關鍵字的基本使用

    extends表示具體的泛型類型只能是object類型,某個變量如果能斷言成object類型[變量as object],那么這個變量的類型符合T extends object,下面這篇文章主要給大家介紹了關于Typescript中extends關鍵字基本使用的相關資料,需要的朋友可以參考下
    2022-08-08
  • 通過實例解析js可枚舉屬性與不可枚舉屬性

    通過實例解析js可枚舉屬性與不可枚舉屬性

    這篇文章主要介紹了通過實例解析js可枚舉屬性與不可枚舉屬性,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-12-12
  • javascript使用call調(diào)用微信API

    javascript使用call調(diào)用微信API

    這篇文章主要介紹了javascript使用call調(diào)用微信API,需要的朋友可以參考下
    2014-12-12
  • Bootstrap 3多級下拉菜單實例

    Bootstrap 3多級下拉菜單實例

    這篇文章主要為大家詳細介紹了Bootstrap 3多級下拉菜單實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11

最新評論