静态HTML页面的访问量统计实现

最近被博客折腾的快疯了,因为自己的想法实在太多,然后白天又要上班。最终还是强迫自己不要多想,一步步来,否则等下有一天真的要疯掉了,得不偿失。

第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

首先想到的是在页面加载完,通过js后台ajax请求修改访问数。

基于jquery写一个咯:
<script>
$(function() {
    $.get('update.php?id=1',{r:Math.random()});
    //当然$.post()、$.ajax()等都可以咯。
    //然后要记得加一个随机数,因为如果不加的话,有的浏览器会认为是同一个请求,然后不请求。
});
</script>

然后上网看了下,原来还有人这样写:
<script src="update.php?id=1"></script>
经测试,这样也是可行的。

至于文章的id,在静态化的过程中,可以直接赋值到页面要请求的网址参数后。

update.php的话,就是连接数据库,通过传过来的文章id,更新访问量的处理咯。

如果要实现在静态页面马上显示更新的数目的话:
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 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() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie("counter", visits, now) document.write("帅哥,欢迎您的第" + visits + "次光临!") // --> </script>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值