快捷導(dǎo)航

javascript結(jié)合Cookies實(shí)現(xiàn)瀏覽記錄歷史第2/3頁

更新時(shí)間：2008年09月02日 15:38:23 作者：

最近在工作當(dāng)中遇到一個(gè)問題有個(gè)頁面需要添加一個(gè)瀏覽歷史記錄功能，具體來說就是要記錄下用戶在此網(wǎng)站的點(diǎn)擊歷史并把它們降序排列出來（只顯示前6個(gè)瀏覽歷史而且不能重復(fù)）。

第2部分：Cookies的相關(guān)函數(shù)。

復(fù)制代碼代碼如下:

//cookie的相關(guān)函數(shù) 
//讀取cookie中指定的內(nèi)容 
function getCookieVal (offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr)); 
} 

function getCookie (name) { 
var arg = name + "="; 
var alen = arg.length; 
var clen = document.cookie.length; 
var i = 0; 
while (i < clen) { 
var j = i + alen; 
if (document.cookie.substring(i, j) == arg) return getCookieVal (j); 
i = document.cookie.indexOf(" ", i) + 1; 
if (i == 0) break; 
} 
return null; 
} 
//將瀏覽動作寫入cookie 
function setCookie (name, value) { 
var exp = new Date(); 
exp.setTime (exp.getTime()+3600000000); 
document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); 
}

第3部分：頁面顯示函數(shù)。

復(fù)制代碼代碼如下:

function history_show() 
{ 
var history_info=getCookie("history_info"); //取出cookie中的歷史記錄 
var content=""; //定義一個(gè)顯示變量 
if(history_info!=null) 
{ 
history_arg=history_info.split("_www.achome.cn_"); 
var i; 
for(i=0;i<=5;i++) 
{ 
if(history_arg[i]!="null") 
{ 
var wlink=history_arg[i].split("+"); 
content+=("<font color='#ff000'>↑</font>"+"<a href='"+wlink[1]+"' target='_blank'>"+wlink[0]+"</a><br>"); 
} 
document.getElementById("history").innerHTML=content; 
} 
} 
else 
{document.getElementById("history").innerHTML="對不起，您沒有任何瀏覽紀(jì)錄";} 
} 

您可能感興趣的文章:

相關(guān)文章

關(guān)于layui 彈出層一閃而過就消失的解決方法
今天小編就為大家分享一篇關(guān)于layui 彈出層一閃而過就消失的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
Element-plus安裝及基礎(chǔ)組件使用詳解
ElementPlus是一個(gè)基于Vue3的UI組件庫,旨在提供豐富的HTML元素封裝,以簡化前端開發(fā),主要特點(diǎn)包括預(yù)定義樣式、事件處理、易用性等,為開發(fā)者提供了一致且美觀的用戶界面,同時(shí)支持按需導(dǎo)入,提高項(xiàng)目效率,感興趣的朋友一起看看吧
2024-09-09
JavaScript設(shè)計(jì)模式之觀察者模式與發(fā)布訂閱模式詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之觀察者模式與發(fā)布訂閱模式,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript觀察者模式與發(fā)布訂閱模式相關(guān)概念、原理
2020-05-05
JS 實(shí)現(xiàn)導(dǎo)航菜單中的二級下拉菜單的幾種方式
這篇文章主要介紹了JS 實(shí)現(xiàn)導(dǎo)航菜單中的二級下拉菜單的幾種方式的相關(guān)資料,這里提供了三種方式，和實(shí)例代碼，需要的朋友可以參考下
2016-10-10
JavaScript組件開發(fā)完整示例
這篇文章主要介紹了JavaScript組件開發(fā)的方法,結(jié)合完整實(shí)例形式分析了組件的原理與實(shí)現(xiàn)技巧,代碼包含的詳盡的注釋,便于理解,需要的朋友可以參考下
2015-12-12
javascript實(shí)現(xiàn)抽獎(jiǎng)程序的簡單實(shí)例
下面小編就為大家?guī)硪黄猨avascript實(shí)現(xiàn)抽獎(jiǎng)程序的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
如何利用JavaScript?實(shí)現(xiàn)繼承
這篇文章主要介紹了如何利用JavaScript?實(shí)現(xiàn)繼承，JavaScript?在編程語言界是個(gè)特殊種類，它和其他編程語言很不一樣，JavaScript可以在運(yùn)行的時(shí)候動態(tài)地改變某個(gè)變量的類型,下面小編將繼續(xù)介紹JavaScript如何實(shí)現(xiàn)繼承,需要的朋友可以參考下
2022-02-02
javascript多物體運(yùn)動實(shí)現(xiàn)方法分析
這篇文章主要介紹了javascript多物體運(yùn)動實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了JavaScript多物體運(yùn)動的相關(guān)注意事項(xiàng)與具體實(shí)現(xiàn)代碼,包含四個(gè)div塊的橫向、豎向移動,顏色與邊框漸變效果,需要的朋友可以參考下
2016-01-01
微信小程序自定義帶價(jià)格顯示日歷效果
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義帶價(jià)格顯示日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
Bootstrap柵格系統(tǒng)簡單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Boostrap柵格系統(tǒng)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03