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 相关文章推荐
页面中js执行顺序
Nov 09 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JS面向对象编程详解
Mar 06 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 Javascript
深入理解js generator数据类型
Aug 16 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
Bootstrap提示框效果的实例代码
Jul 12 Javascript
js实现简易计算器功能
Oct 18 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 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
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
获取body标签的两种方法
2011/10/13 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
jQuery实现精美的多级下拉菜单特效
2015/03/14 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
python学习手册中的python多态示例代码
2014/01/21 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
事业单位接收函
2014/01/10 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
我的1919观后感
2015/06/03 职场文书
新年祝酒词大全
2015/08/11 职场文书
JavaScript异步操作中串行和并行
2021/11/20 Javascript