• 中国新一代百亿亿次超级计算机“天河三号”原型机首次亮相[组图] 2018-08-17
  • “动静”结合丨带你感受不一样的实爆训练场 2018-08-17
  • 侠客岛:拿什么拯救你,不学普通话的香港年轻人 2018-08-17
  • 机构改革是一场政治考验 2018-08-17
  • 简讯:韩国前总统朴槿惠一审被判24年有期徒刑 2018-08-16
  • 人民网评:走向大洋,呼唤现代化的中国海军 2018-08-16
  • 北京成立学生申诉处理委员会-地方新闻-时政频道-中工网 2018-08-16
  • 虽胜不足喜!鲁能一隐忧不治愈,恐高开低走 2018-08-16
  • 小鱼儿戴胡可帽子似贵妇 临睡之前表白妈妈嘴超甜 2018-08-16
  • “北京8分钟”融入人工智能 通过互联网与国人互动 2018-08-16
  • 四部门调整完善新能源汽车推广应用财政补贴政策 2018-08-15
  • 两男子在吉大美食城“百元找零”诈骗? 2018-08-12
  • 突破!郑鹏创中国队冬残奥会个人项目最好成绩 2018-08-12
  • 今年铜陵市将治理水土流失面积36平方公里 2018-08-11
  • 篮球投注技巧 2018-08-11
  • javascript操作文章浏览历史记录

    栏目: 我的笔记 发布于: 2014-08-10 12:53:20

    昨晚把博客的文章浏览历史记录优化了下,原先是通过redis方式来记录的,现在修改成了通过javascript cookie来操作文章浏览历史记录。

    代码如下:

    //js cookie 操作文章浏览记录
    var CookieManager = {
        SetCookie:function(name,value)//两个参数,一个是cookie的名子,一个是值
        {
            var Days = 30; //此 cookie 将被保存 30 天
            var exp  = new Date();    //new Date("December 31, 9998");
            exp.setTime(exp.getTime() + Days*24*60*60*1000);
            document.cookie = name + "="+ escape (value) + ";path=/;expires=" + exp.toGMTString();
        },
        getCookie:function(name)//取cookies函数
        {
            var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
            if(arr != null) return unescape(arr[2]);
            return null;
    
        },
        delCookie:function(name)//删除cookie
        {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = VCookieManager.getCookie(name);
            if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
        }
    }
    
    var title = $('#content article h1').html();
    if(typeof title != "undefined"){
        if(CookieManager.getCookie('historyViewsString')){
            var historyViewsArray = CookieManager.getCookie('historyViewsString').split(',');
            if(historyViewsArray.length >= 5){
                historyViewsArray.shift();
            }
            historyViewsArray.unshift('<li><a href="'+location.href+'" target="_blank">'+title+'</a></li>');
            CookieManager.SetCookie('historyViewsString', historyViewsArray.toString());
        }else{
            CookieManager.SetCookie('historyViewsString', '<li><a href="'+location.href+'" target="_blank">'+title+'</a></li>');
        }
    
    }
    $('#view-history ul').html(CookieManager.getCookie('historyViewsString').replace(/,/g,''));
    以上就是记录文章浏览历史记录的代码,觉得还不是很完善,没有对同一篇文章进行去重操作,这点后续在优化了。
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:javascript操作文章浏览历史记录
    IT技术书籍推荐:
    O'Reilly精品图书系列:JavaScript权威指南(第6版)
    O'Reilly精品图书系列:JavaScript权威指南(第6版)
    弗兰纳根(David Flanagan) (作者), 淘宝前端团队 (译者)
    《O'Reilly精品图书系列:JavaScript权威指南(第6版)》讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScriptAPI?!禣'Reilly精品图书系列:JavaScript权威指南(第6版)》涵盖了HTML5和ECMAScript5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增的章节包括jQuery、服务器端JavaScript、图形编程以及JavaScript式的面向对象?!禣'Reilly精品图书系列:JavaScript权威指南(第6版)》不仅适合初学者系统学习,也适合有经验的JavaScript开发者随手翻阅。