/**
* history_teacher.jsp中的js,最近浏览名师
* @version: 1.0
* @author: mingming
*/
$(function(){
getHistory();
}); var historyCount=4; //保存历史记录个数 /**
* 增加浏览历史记录
* @param id 编号
* @param name 姓名
* @param photo 照片
* @param grade 年级
* @param subject 科目
* @return
*/
function setHistory(id,name,photo,grade,subject){
stringCookie=getCookie('history');
var stringHistory=""!=stringCookie?stringCookie:"{history:[]}";
var json=new JSONHistory(stringHistory); //转成json
var list = json['history']; //获得json
for (var i = 0; i < list.length; i++) {
try {
if(list[i].id == id){
list.splice(i,1); //删除重复数据,开始位置,删除个数
i=i-1; //下标归位
}
} catch (e) {
break;
}
} if(list.length>=historyCount){
//删除最开始的多余记录
var count = list.length - historyCount + 1; //需要删除的个数
list.splice(0,count); //开始位置,删除个数
} var e="{id:'"+id+"',name:'"+name+"',photo:'"+photo+"',grade:'"+grade+"',subject:'"+subject+"'}";
json['history'].push(e);//添加一个新的记录
setCookie('history',json.toString(),365); //365天
} /**
* 获得浏览历史记录
* @return
*/
function getHistory(){
var historyJSON=getCookie('history');
if(historyJSON==""){
}else{
var data = eval("("+historyJSON+")");
var history = data['history']; //历史记录
var length = history.length;
if(length > historyCount){
length = historyCount;
}
//从最后一个浏览记录开始获取
var historyHtml="";
for ( var i = length-1; i >= 0; i--) {
historyHtml+=
'<dd>'+
'<ul>'+
'<li class="recimg"><a href="'+PATH+"/teacher/teacherinfo?teacherVO.teacherId="+history[i].id+'"><img src="'+PATH + "/"+ history[i].photo +'" alt="" /></a></li>'+
'<li class="recinfo">'+
'<p><a href="'+PATH+"/teacher/teacherinfo?teacherVO.teacherId="+history[i].id+'">'+history[i].name+'</a></p>'+
'<p class="grayp">科目:'+history[i].subject+'</p>'+
'<p class="grayp">年级:'+history[i].grade+'</p>'+
'</li>'+
'</ul>'+
'</dd>';
} if(historyHtml!=""){
$("#historyTeacher").html('<h2>最近浏览名师</h2><dl>'+historyHtml+'</dl>');
}
}
} /**
* 添加cookie
* @param cookName cookie名称
* @param cookName cookie值
* @param expiredays 时长
*/
function setCookie(cookName,cookValue,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays*24*3600*1000);
var cookieVal=cookName+ "=" +escape(cookValue)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+";path=/";
document.cookie=cookieVal;
} /**
* 获取cookie
* @param cookName cookie名称
* @return
*/
function getCookie(cookName)
{
if(document.cookie.length>0){
var c_start = document.cookie.indexOf(cookName + "=");
if(c_start!=-1){ //存在
c_start = c_start + cookName.length + 1; //"history="后的开始位置
var c_end=document.cookie.indexOf(";",c_start); //找到JSESSIONID在的位置
if (c_end==-1){ //JSESSIONID不存在
c_end=document.cookie.length;
}
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
} /**
* JSON
*/
var JSONHistory = function(sJSON){
this.objType = (typeof sJSON);
if(this.objType=='string' && ''==sJSON){
sJSON = '{history:[]}' ;
}
this.self = [];
(function(s,o){
for(var i in o){
o.hasOwnProperty(i)&&(s[i]=o[i],s.self[i]=o[i])
};})(this,(this.objType=='string')?eval('0,'+sJSON):sJSON);
};
JSONHistory.prototype = {
toString:function(){
return this.getString();
},
valueOf:function(){
return this.getString();
},
getString:function(){
var sA = [];
(function(o){
var oo = null;
sA.push('{');
for(var i in o){
if(o.hasOwnProperty(i) && i!='prototype'){
oo = o[i];
if(oo instanceof Array){
sA.push(i+':[');
for(var b in oo){
if(oo.hasOwnProperty(b) && b!='prototype'){
sA.push(oo[b]+',');
if(typeof oo[b]=='object') arguments.callee(oo[b]);
}
}
sA.push('],');
continue;
}else{
sA.push(i+':\''+oo+'\',');
}
if(typeof oo=='object') arguments.callee(oo);
}
}
sA.push('},');
})(this.self);
return sA.slice(0).join('').replace(/\[object object\],/ig,'').replace(/,\}/g,'}').replace(/,\]/g,']').slice(0,-1);
},
push:function(sName,sValue){
this.self[sName] = sValue;
this[sName] = sValue;
}
};

中间对于把历史记录转换为json格式有更简便的方法。这个是个单独案例。

页面引入js,增加浏览历史记录调用

setHistory(id,name,photo,grade,subject)

cookie参数设置:

path:

是相对于应用服务器存放应用的文件夹的根目录而言的(比如tomcat下面的webapp),因此cookie.setPath("/");之后,可以在webapp文件夹下的所有应用共享cookie

测试结果:不设置,则当前目录下所有页面可以访问,设置”/“后,所有页面都可以访问

domain:

www.baidu.com中设置的cookie,但需要在zhidao.baidu.com下获取,这样就需要Cookie的setDomain()方法了。
cookie.setPath("/");
cookie.setDomain("baidu.com");//只给出域名的相同部分

cookie参数设置参考文档:

setPath和setCookie具体用法

js操作Cookie,实现历史浏览记录的更多相关文章

  1. destoon系统开发-最新利用浏览器的cookie 做历史浏览记录

      注意: 代码 放在要显示的为 (一般放在详情页),注意本教程不入库,直接利用浏览器的 cookie 缓存判断    <!--历史浏览记录 S--> <div class=&quo ...

  2. JS制作一个通用的商城版历史浏览记录

    正在开发一个b2c的国外商城,昨天做了一个历史浏览记录发出来跟大家分享一下. JS: //cookie相关函数 function getCookieVal(offset) {    var endst ...

  3. 使用Cookie实现用户商品历史浏览记录

    该功能分为四个模块: 1. 获取所有商品并以链接的形式显示 out.write("网站商品: <br/>"); Map<String, Book> book ...

  4. Cookie实现商品浏览记录--方式二:JS实现

    使用Cookie实现商品浏览记录:方式二:JS方法实现cookie的获取以及写入.当某一个产品被点击时,触发JS方法.利用JS方法判断一下,此产品是否在浏览记录中.如果不存在,则将产品ID加入到coo ...

  5. Django之使用redis缓存session,历史浏览记录,首页数据实现性能优化

    Redis缓存session 配置Django缓存数据到redis中 # diango的缓存配置 CACHES = { "default": { "BACKEND&quo ...

  6. 利用COOKIE保存历史浏览商品的一个简单思路

    <?php //如是COOKIE 里面不为空,则往里面增加一个商品ID if (!empty($_COOKIE['SHOP']['history'])){ //取得COOKIE里面的值,并用逗号 ...

  7. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  8. JS操作cookie以及本地存储(sessionStorage 和 localStorage )

    JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,s ...

  9. js操作cookie,实现登录密码保存 [转]

    转自:http://blog.csdn.net/zyujie/article/details/8727828 ( 谢谢博主了) js操作cookie,实现登录密码保存.cookie的存放方式是以键值对 ...

  10. 转: js操作cookie

    cookie的几个概念 http://dearhappyfish.blog.163.com/blog/static/1901094152012422114753777/ js操作cookie 转:ht ...

随机推荐

  1. AQL Subset Compiler:手把手教你如何写一个完整的编译器

    项目地址:https://github.com/laiy/Awesome-Complier. 转载请注明出处. 前言 这是学校里编译原理课程的大作业,此Project十分适合编译原理的学习,让基本不听 ...

  2. 部署war包到Tomcat

    1. 开发给到一个war包,假设叫 a-b-c.war. 2. 打开Tomcat安装路径 ,假设是“D:\Tomcat\apache-tomcat-7.0.68”,然后进入到 webapps文件夹. ...

  3. 真机测试---iOS证书(.p12)和描述文件(.mobileprovision)

    iOS证书和描述文件: 证书类型 使用场景 开发(Development)证书和描述文件 用于开发测试,在starain中打包后可在真机环境通过Safari调试 发布(Distribution)证书和 ...

  4. 【长篇高能】ReactiveCocoa 和 MVVM 入门

    翻译自ReactiveCocoa and MVVM, an Introduction. 文中引用的 Gist 可能无法显示.为了和谐社会, 请科学上网. MVC 任何一个正经开发过一阵子软件的人都熟悉 ...

  5. thinkphp I方法取传参

    /** * 获取输入参数 支持过滤和默认值 * 使用方法: * <code> * I('id',0); 获取id参数 自动判断get或者post * I('post.name','','h ...

  6. vs 点击就设置项目为默认启动项

    装好系统没注意 做项目的时候解决方案比较多 发现点击哪个项目哪个项目就成了默认启动项目 这个开始没觉出来 最后发现挺烦人的 想想难道是我装vs装的么 我于是卸载了全新安装了 还是一个吊样 无意间试了下 ...

  7. 索引查找(索引查找、分块查找) C语言实现

    1.基本概念 索引查找又称分级查找. 索引存储的基本思想是:首先把一个集合或线性表(他们对应为主表)按照一定的函数关系或条件划分成若干个逻辑上的子表,为每个子表分别建立一个索引项,由所有 这些索引项构 ...

  8. ELK初学搭建(elasticsearch)

    ELK初学搭建(elasticsearch) elasticsearch logstash kibana ELK初学搭建 elasticsearch 1.环境准备 centos6.8_64 mini ...

  9. PPT扁平化风格设计手册

    钱文嘉:颜色选择,搭配 http://www.pptfans.cn/341917.html

  10. 淘宝分布式数据层:TDDL[转]

    淘宝根据自己的业务特点开发了TDDL(Taobao Distributed Data Layer 外号:头都大了 ©_Ob)框架,主要解决了分库分表对应用的透明化以及异构数据库之间的数据复制,它是一个 ...