JS实现在线统计一个页面内鼠标点击次数的方法


Posted in Javascript onFebruary 28, 2015

本文实例讲述了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>三水点靠木 3water.com 提示您:

<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程序设计有所帮助。

Javascript 相关文章推荐
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
Node.js插件安装图文教程
May 06 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
vue里input根据value改变背景色的实例
Sep 29 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
js验证账户名是否重复
May 26 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
Aug 22 Javascript
JS网页在线获取鼠标坐标值的方法
Feb 28 #Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 #Javascript
常用的JavaScript模板引擎介绍
Feb 28 #Javascript
JavaScript操作Cookie详解
Feb 28 #Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 #Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
Feb 28 #Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 #Javascript
You might like
PHP+DBM的同学录程序(2)
2006/10/09 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
2016/05/25 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
一道写SQL的面试题和答案
2013/11/19 面试题
Linux内核产生并发的原因
2016/11/08 面试题
大一学生假期实习的自我评价
2013/10/12 职场文书
酒店总经理助理职责
2014/02/12 职场文书
总账会计岗位职责
2014/03/13 职场文书
自我管理的活动方案
2014/08/25 职场文书
工作失误检讨书范文
2015/01/26 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
超强台风观后感
2015/06/09 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python