关键词

js cookies实现简单统计访问次数

下面是详细讲解“js cookies实现简单统计访问次数”的完整攻略:

1. 什么是cookies?

Cookie,有时也用复数形式Cookies,指某些网站为了辨别用户身份、进行Session跟踪而储存在用户本地终端上的数据(通常经过加密)。Cookies是网站为了维护用户状态而储存在用户本地终端上的数据。

2. 如何利用js实现统计访问次数?

实现网站的访问量统计,我们可以利用js在浏览器端实现。其中,可以通过设置cookie的方式来记录用户访问的次数,每次访问时,在获取cookie中存储的访问次数中加1,然后将该值写回cookie中,同时在网页中展示访问次数。

以下是基于js实现的代码,在页面的head中引入js:

<script type="text/javascript">
function setCookie(name,value)
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp = new Date(); 
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "=" + escape (value) + ";expires=" + exp.toGMTString();
}

function getCookie(name)
{
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr[2]);
    else
        return null;
}

var count = getCookie('count');
if(count==null)
{
    count = 1;
    setCookie('count',1);
}
else
{
    count++;
    setCookie('count',count);
}
</script>

以上代码实现了记录并显示网站访问次数的功能。在head中的代码执行后,通过getCookie函数获取cookie中的count值,如果为空,则说明是网站的首次访问,此时将初值为1的count存入cookie中;如果不为空,则说明网站已被访问,此时将count值加1,并将新的count写回cookie中。

网页中展示count的情况,可在页面中显示类似“本站总访问次数:xxx”的文本,并将js中的count值填到xxx中。

以下是示例代码,用于展示网站访问次数:

<div>本站总访问次数:<script type="text/javascript">document.write(getCookie("count"));</script>次</div>

以上代码展示了网站的总访问次数,它由前面的js得到,并展示在页面上。

3.总结

以上就是利用js实现网站访问次数统计的完整攻略。通过对js cookie的使用,我们可以通过存储数据的方式,实现对网站访问情况的记录和追溯。

本文链接:http://task.lmcjl.com/news/10552.html

展开阅读全文