JavaScript实现网站访问次数统计的完整代码

作者:函数茶馆时间:2026-10-29 17:15:52浏览:472

本文提供了一段使用JavaScript统计网站访问次数的完整代码示例。通过读取和设置Cookie记录访客数量,并在页面中显示累计访问人数,帮助开发者快速实现基础的访问统计功能。

JavaScript访问统计实现

本文分享了一段利用JavaScript实现网站访问次数统计的完整代码示例,供读者参考学习。具体运行效果见下图:

JavaScript访问统计实现

以下是完整的实现代码:


<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>New Page 5</title>
 <meta name="GENERATOR" content="Microsoft FrontPage 3.0">
 <script language="JavaScript">
  <!--
  var caution = false
  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 exceeds 4KB and will be cut!"))
    document.cookie = curCookie
  }
  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))
  }
  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() + 730 * 24 * 60 * 60 * 1000)
  var visits = getCookie("counter")
  if (!visits)
   visits = 1
  else
   visits = parseInt(visits) + 1
  setCookie("counter", visits, now)
  document.write("<font size=6 color=red>欢迎您,您是第:" + visits + " 个访问该站点的访客")
  // -->
 </script>
</head>
<body>
 <p align="right"> </p>
</body>
</html>

以上就是利用JavaScript统计网站访问次数的完整代码,希望能对读者有所帮助。

作者最新文章