JS实现在线统计一个页面内鼠标点击次数的方法
2015-02-28 10:38
741 查看
本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法。分享给大家供大家参考。具体实现方法如下:
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js记录鼠标的点击次数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div id="count"></div>脚本之家 www.jb51.net 提示您:
<script type="text/javascript">
function addCookie(name,cookievalue,time) {
if (name != "" && cookievalue != "" && time != "") {
if (isNaN(time) == false){
var expires = new Date();
expires.setTime(expires.getTime() + time * 1000);
document.cookie = name + '=' + escape(cookievalue) + ';expires=' + expires.toGMTString();
}
}
}
function getCookie(cookieName) {
var cookieString = document.cookie;
var start = cookieString.indexOf(cookieName + '=');
if (start == -1)
return null;
start += cookieName.length + 1;
var end = cookieString.indexOf(';', start);
if (end == -1) return unescape(cookieString.substring(start));
return unescape(cookieString.substring(start, end));
}
var html = document.getElementsByTagName("html")[0];
html.onclick = function(){
var count = parseInt(getCookie('count'))+1;
addCookie("count",count,"1000");
document.getElementById("count").innerHTML = "您点击了"+getCookie('count')+"次!";
}
if (getCookie('count')){
document.getElementById("count").innerHTML = "您点击了"+getCookie('count')+"次!";
}else{
document.getElementById("count").innerHTML = "您还没有点击过!";
addCookie("count","0","1000");
}
</script>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JS实现在线统计一个页面内鼠标点击次数的方法
- JS实现在线统计一个页面内鼠标点击次数-刷新过后也会保留上次点击次数
- 多种方法实现当jsp页面完全加载完成后执行一个js函数
- 纯js实现点击一个事件后,触发另外一个事件的方法
- js鼠标点击图片实现随机变换图片的方法
- JS实现鼠标箭头变成一个燃烧烛光效果的方法
- js 点击一个链接后变色,但在点击页面其它链接不变色(方法二)
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- js实现鼠标移到链接文字弹出一个提示层的方法
- 如何用js实现,在一个页面有个输入文档框,然后点击查询按扭后,调用IE的查询功能在当前页面进行查询
- 用js实现在加载完成一个页面后自动执行一个方法
- JQuery怎么实现页面刷新后保留鼠标点击样式的方法
- js 点击一个链接后变色,但在点击页面其它链接不变色(方法一)
- js鼠标点击图片实现随机变换图片的方法
- JS实现鼠标箭头变成一个燃烧烛光效果的方法
- 通过img标签调用实现静态页面访问次数统计的简单方法
- JS实现鼠标点击拖动窗口方法
- 获取统计页面所有a链接的点击次数(JS初学者)
- js实现点击图片改变页面背景图的方法
- js弹出框点击确认和取消时跳到其他页面且和父页面在同一个Iframe中如何实现?