JS实现在线统计一个页面内鼠标点击次数的方法
更新时间：2015年02月28日 10:38:20 投稿：shichen2014
这篇文章主要介绍了JS实现在线统计一个页面内鼠标点击次数的方法,实例分析了javascript操作Cookie实现计数的技巧,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
JavaScript是一个动态类型语言，在运行时获取变量类型是常用操作。本文将通过示例为大家详细讲讲在JavaScript中如何判断变量类型，感兴趣的可以学习一下2022-07-07
这篇文章主要介绍了bootstrap日期控件（双日期、清空等问题解决）相关知识,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了详解webpack引用jquery（第三方模块）的三种办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了layer弹窗插件操作方法,结合实例形式详细分析了layer弹窗插件的下载、调用、设置等具体步骤与操作技巧,需要的朋友可以参考下2017-05-05
javascript 表格左右收缩实现代码。2009-07-07
这篇文章主要为大家介绍了jsPDF导出PDF宽大于高异常处理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要介绍了javascript实现详细时间提醒信息效果的方法,涉及javascript操作时间的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
在写程序过程中，经常会遇到去除数组中重复元素的需求。要实现这个功能其实并不难2011-01-01
这篇文章主要为大家详细介绍了js剪切板应用clipboardData实例，并分享了四种实现方法，感兴趣的小伙伴们可以参考一下2016-05-05
TypeScript 是一种静态类型的编程语言,它可以让我们在编写 JavaScript 代码时,提前发现并避免一些潜在的错误,本文主要为大家介绍了TypeScript中never类型的妙用,感兴趣的可以了解下2023-11-11
最新评论