js操作cookie保存浏览记录的方法资源-CSDN文库

90 浏览量 2020-11-22 18:00:23 上传评论 1 收藏 39KB PDF 举报

资源推荐

资源详情

资源评论

js操作操作cookie保存浏览记录的方法保存浏览记录的方法

本文实例讲述了js操作cookie保存浏览记录的方法。分享给大家供大家参考，具体如下：

说明：说明：最近做了一个功能，记录用户浏览过的产品页面。我的思路是，客户每次进入产品页面，就自己调用JS把产品信息以

json的形式保存到cookie里面。

浏览记录的显示是从cookie里读出来，然后解析成json，生成html元素。因为用户可能会同时打开好几个页面，这几个页面上

可能都有浏览记录，为了使即使显示浏览记录，每秒中刷新一次。

要用到2个js文件，history.js，关键的聊天记录保存和读取代码。json.js，对json进行处理。

history.js

var addHistory=function(num,id){

stringCookie=getCookie('history');

var stringHistory=""!=stringCookie?stringCookie:"{history:[]}";

var json=new JSON(stringHistory);

var e="{num:"+num+",id:"+id+"}";

json['history'].push(e);//添加一个新的记录

setCookie('history',json.toString(),30);

}

//显示历史记录

var DisplayHistory=function(){

var p_ele=document.getElementById('history');

while (p_ele.firstChild) {

p_ele.removeChild(p_ele.firstChild);

}

var historyJSON=getCookie('history');

var json=new JSON(historyJSON);

var displayNum=6;

for(i=json['history'].length-1;i>0;i--){

addLi(json['history'][i]['num'],json['history'][i]['id'],"history");

displayNum--;

if(displayNum==0){break;}

}

}

//添加一个li元素

var addLi=function(num,id,pid){

var a=document.createElement('a');

var href='product.action?pid='+id;

a.setAttribute('href',href);

var t=document.createTextNode(num);

a.appendChild(t);

var li=document.createElement('li');

li.appendChild(a);

document.getElementById(pid).appendChild(li);

}

//添加cookie

var setCookie=function(c_name,value,expiredays)

{

var exdate=new Date()

exdate.setDate(exdate.getDate()+expiredays)

cookieVal=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());

// alert(cookieVal);

document.cookie=cookieVal;

}

//获取cookie

function getCookie(c_name)

{

if (document.cookie.length>0)

{

c_start=document.cookie.indexOf(c_name + "=")

if (c_start!=-1)

{

c_start=c_start + c_name.length+1

c_end=document.cookie.indexOf(";",c_start)

if (c_end==-1) c_end=document.cookie.length

// document.write(document.cookie.substring(c_start,c_end)+"<br>");

return unescape(document.cookie.substring(c_start,c_end))

}

}

return ""

}

json.js

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38502183

粉丝: 11
资源: 972

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip