html的统计访客人数的代码?

html-css08

html的统计访客人数的代码?,第1张

静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

通过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,更新访问量的处理咯。

如果要实现在静态页面马上显示更新的数目的话:

方法一需要在ajax请求后调用回调函数,然后update.php返回新的访问量,然后在回调函数中定位到显示访问量位置,替换成新的访问量。

代码实现:

$(function() {

$.get('update.php?id=1',{r:Math.random()},function(num) {

$('#hit').html(num)

})

})

方法二则需要在update.php中,添加一句话:

document.write(<?php echo $num?>)

你可以用JS根据标签名获取对应的标签,然后获取它们的length属性就可以了。比如,这样:

var  h4 = document.getElementsByTagName("h4").length

console.info("h4标签个数"+h4)

把这个代码放到页面最后,就知道整个页面的h4标签的个数,也就是使用次数啦。

如果你要同时获取多个标签数量,那么你就把几个标签写进一个数组里,遍历,依次输出个数。

var  tagArr = ["div","a","h4"]

for( var  i = 0  i<= tagArr.length-1  i++){

    var  tagNum = document.getElementsByTagName(tagArr[i] ).length

    console.info(tagArr[i]+"个数是"+tagNum  )

}

可以申请站长统计的统计系统来使用。

具体操作:

先注册一个帐号:

http://www.cnzz.com/reg.php

注册成功后,在“您的站点列表”菜单里可以管理和添加要统计的站点。

点“获取代码”链接可以获得相关的统计代码,只要将这些代码放入到你要统计的页面里(<body></body>之间),就可以正式开始统计了。

点“查看报表”可以查看网站的统计情况。进入报表后,在左侧有导航菜单,请点“统计管理”-->“修改设置”,可以设置是否公开和密码。