首頁 > web前端 > js教程 > js 實作瀏覽歷史記錄範例_javascript技巧

js 實作瀏覽歷史記錄範例_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=$""">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(

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

');
xhtml.push('
已售出' splithtml[i].split("| ")[4] '再看看
');
}
xhtml.push('' );
$("#MyHistory").append(xhtml.join(""));
}
else{
var xhtml=new Array();
xhtml.push ('
');
xhtml.push('
' hc.split(

¥' 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"));});
    });

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板