软件学堂

网游分类软件分类

同一用户的来访统计JS代码怎么写

2012-11-07 来源:网络

【实例名称】

同一用户的来访统计JS代码怎么写

【实例描述】

很多网站将用户的登录信息保存,这样可以防止黑客的袭击,也可以方便用户的其他操作(如个性设置)。本例学习如何使用cookie保存用户的访问信息。

【实例代码】

 <html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>无标题页-学无忧(www.xue51.com)</title> <script language="JavaScript">     var caution = false;     //将用户的访问信息保存在cookie中     function setCookie(name, value, expires, path, domain, secure)     {     var curCookie = name + "=" + escape(value) +     ((expires) ? "; expires=" + expires.toGMTString() : "") +     ((path) ? "; path=" + path : "") +     ((domain) ? "; domain=" + domain : "") +     ((secure) ? "; secure" : "")     if (!caution || (name + "=" + escape(value)).length <= 4000)        document.cookie = curCookie     else     if (confirm("COOKIE超过4kb的部分将会丢失!"))         document.cookie = curCookie     }     //根据COOKIE名获取保存在cookie中的数据     function getCookie(name)     {     var prefix = name + "="     var cookieStartIndex = document.cookie.indexOf(prefix)     if (cookieStartIndex ==-1)        return null     var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)     if (cookieEndIndex == -1)       cookieEndIndex = document.cookie.length     return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))     }     //删除cookie信息     function deleteCookie(name, path, domain)     {     if (getCookie(name)) {     document.cookie = name + "=" +     ((path) ? "; path=" + path : "") +     ((domain) ? "; domain=" + domain : "") +     "; expires=Thu, 01-Jan-70 00:00:01 GMT" }     }     //计算并显示访问次数     function fixDate(date)     {     var base = new Date(0);     var skew = base.getTime();     if (skew > 0)     date.setTime(date.getTime() - skew)     }     var now = new Date();     fixDate(now);     now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);     var accesses= getCookie("counter");     if (!accesses)      accesses=1 ;     else        accesses= parseInt(accesses) + 1;     setCookie("counter", accesses, now) ;     document.write("您好,谢谢您的您的第" + accesses+ "次光临!") ;     </script> </head> <body> </body> </html>

 

 

【运行效果】

 同一用户的来访统计运行效果

【难点剖析】

本例的重点是Cookie的保存和读取二保存Cookie一般用“document.cookie=数据”的形式;读取Cookie则需要在Cookie中根据保存的Cookie名字进行搜索,本例中使用“document.cookie.indexOf”方法实现Cookie的查找。

【源码下载】

为了JS代码的准确性,请点击:同一用户的来访统计JS代码 进行本实例源码下载 

上一篇:JS实现购物车中常用的计数总价效果
下一篇:JS代码实现16进制数转换为10进制数

相关文章