通過(guò)Jquery.cookie.js實(shí)現(xiàn)展示瀏覽網(wǎng)頁(yè)的歷史記錄超管用
本文就是要利用cookie插件,獲取用戶瀏覽文章歷史記錄,并將用戶最近瀏覽歷史記錄顯示在頁(yè)面。
在需要添加cookie的頁(yè)面加上如下js
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(function(){
var art_title = $("title").html();
var art_url = document.URL;
var history;
var json="[";
//json1是第一次注入cookie以后的第一個(gè)json,"此時(shí)還不是數(shù)組" 以點(diǎn)帶面的處理
var json1;
var canAdd= true;
//var json1=eval("({sitename:'dreamdu',sitedate:new Date(1980, 12, 17, 12, 0, 0)})");
if(!$.cookie("history")){
//第一次的時(shí)候需要初始化
history = $.cookie("history","{title:\""+art_title+"\""+",url:\""+art_url+"\"}");
}else {
//已經(jīng)存在
history = $.cookie("history");
json1 = eval("("+history+")");
$(json1).each(function(){
if(this.title==art_title){
canAdd=false;
return false;
}
})
if(canAdd){
$(json1).each(function(){
json = json + "{\"title\":\""+this.title+"\",\"url\":\""+this.url+"\"},";
})
json = json + "{\"title\":\""+art_title+"\",\"url\":\""+art_url+"\"}]";
$.cookie("history",json,{expires:1});
}
}
})
</script>
在展示歷史記錄的頁(yè)面添加如下js
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(function(){
if($.cookie("history")){
var json = eval("("+$.cookie("history")+")");
var list ="";
$(json).each(function(){
list = list + "<li><a href='"+this.url+"' target='_blank'>"+this.title+"</a></li>";
alert(this.url);
})
$("#list").html(list);;
}
});
</script>
</head>
以上內(nèi)容是小編給大家分享的通過(guò)Jquery.cookie.js實(shí)現(xiàn)展示瀏覽網(wǎng)頁(yè)的歷史記錄,希望大家喜歡。
相關(guān)文章
jquery中實(shí)現(xiàn)簡(jiǎn)單的tabs插件功能的代碼
jquery改變了程序員寫javascript的方式。作為jquery的愛(ài)好者和新手,最近我學(xué)會(huì)了用寥寥幾句jquery代碼實(shí)現(xiàn)類似tabs插件的功能,相信此文能為許多剛?cè)腴T的jquery愛(ài)好者和想實(shí)現(xiàn)tabs插件功能的朋友帶來(lái)一些幫助。2011-03-03
Jquery Ajax學(xué)習(xí)實(shí)例 向頁(yè)面發(fā)出請(qǐng)求,返回XML格式數(shù)據(jù)
Jquery Ajax學(xué)習(xí)實(shí)例 向頁(yè)面發(fā)出請(qǐng)求,返回XML格式數(shù)據(jù)的代碼2010-03-03
jQuery實(shí)現(xiàn)仿微軟首頁(yè)感應(yīng)鼠標(biāo)變化滑動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿微軟首頁(yè)感應(yīng)鼠標(biāo)變化滑動(dòng)窗口效果,基于jQuery響應(yīng)鼠標(biāo)事件簡(jiǎn)單實(shí)現(xiàn)動(dòng)畫效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-10-10
jQuery實(shí)現(xiàn)帶動(dòng)畫效果的多級(jí)下拉菜單代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶動(dòng)畫效果的多級(jí)下拉菜單代碼,可實(shí)現(xiàn)點(diǎn)擊漸隱漸顯效果,涉及jQuery頁(yè)面元素的遍歷及鏈?zhǔn)讲僮飨嚓P(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無(wú)縫連續(xù)滾動(dòng)
這篇文章主要為大家介紹了jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無(wú)縫連續(xù)滾動(dòng),實(shí)現(xiàn)類似連續(xù)不間斷的滾動(dòng)廣告位,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01
jquery實(shí)現(xiàn)圖片裁剪思路及實(shí)現(xiàn)
JS,jquery不能實(shí)現(xiàn)圖片的裁剪,只是顯示了一個(gè)假象,在服務(wù)器上用獲得的各個(gè)坐標(biāo)值,以及原始圖片,用JAVA進(jìn)行裁剪2013-08-08

