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;
}
//將瀏覽動(dòng)作寫入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="對(duì)不起,您沒有任何瀏覽紀(jì)錄";}
}
您可能感興趣的文章:
- 使用JS location實(shí)現(xiàn)搜索框歷史記錄功能
- JS返回頁面時(shí)自動(dòng)回滾到歷史瀏覽位置
- jquery使用Cookie和JSON記錄用戶最近瀏覽歷史
- 通過Jquery.cookie.js實(shí)現(xiàn)展示瀏覽網(wǎng)頁的歷史記錄超管用
- js 實(shí)現(xiàn)瀏覽歷史記錄示例
- javascript history對(duì)象(歷史記錄)使用方法(實(shí)現(xiàn)瀏覽器前進(jìn)后退)
- javascript 歷史記錄 經(jīng)常用于產(chǎn)品最近歷史瀏覽
- JavaScript入門教程(7) History歷史對(duì)象
- JavaScript中的History歷史對(duì)象
- javascript-hashchange事件和歷史狀態(tài)管理實(shí)例分析
相關(guān)文章
JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實(shí)例分析了javascript操作XML文件與table表格的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04windows系統(tǒng)下簡(jiǎn)單nodejs安裝及環(huán)境配置
相信對(duì)于很多關(guān)注javascript發(fā)展的同學(xué)來說,nodejs已經(jīng)不是一個(gè)陌生的詞眼,這里不想談太多的nodejs的相關(guān)信息。只說一下,windows系統(tǒng)下簡(jiǎn)單nodejs環(huán)境配置2013-01-01prefers-color-scheme設(shè)置檢測(cè)系統(tǒng)主題色
這篇文章主要為大家介紹了prefers-color-scheme設(shè)置檢測(cè)系統(tǒng)主題色實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04