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=utf-8">
</head>
<body>
<div id="count"></div>澳门金沙网上娱乐 www.sxglgf.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程序设计有所帮助。

相关文章

  • js实现固定显示区域内自动缩放图片的方法

    js实现固定显示区域内自动缩放图片的方法

    这篇文章主要介绍了js实现固定显示区域内自动缩放图片的方法,实例分析了javascript操作页面元素及属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 基于JavaScript实现无缝滚动效果

    基于JavaScript实现无缝滚动效果

    这篇文章主要为大家详细介绍了基于JavaScript实现无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 关于微信上网页图片点击全屏放大效果

    关于微信上网页图片点击全屏放大效果

    这篇文章主要介绍了关于微信上网页图片点击全屏放大效果的相关资料,需要的朋友可以参考下
    2016-12-12
  • JavaScript实现body内任意节点的自定义属性功能示例

    JavaScript实现body内任意节点的自定义属性功能示例

    这篇文章主要介绍了JavaScript实现body内任意节点的自定义属性功能,涉及javascript针对DOM节点的获取及属性设置相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • JSON 数据详解及实例代码分析

    JSON 数据详解及实例代码分析

    这篇文章主要介绍了JSON 数据详解及实例代码分析的相关资料,需要的朋友可以参考下
    2017-01-01
  • 谈谈JavaScript中super(props)的重要性

    谈谈JavaScript中super(props)的重要性

    今天小编就为大家分享一篇关于谈谈JavaScript中super(props)的重要性,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • js实现iframe跨页面调用函数的方法

    js实现iframe跨页面调用函数的方法

    这篇文章主要介绍了js实现iframe跨页面调用函数的方法,实例展示了iframe中父页面调用子页面和子页面调用父页面的实现技巧,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • input file的默认value清空与赋值方法

    input file的默认value清空与赋值方法

    出于安全性考虑,JS是不能直接设置File的value值的,下面是我总结出来的方法
    2010-09-09
  • js Dialog 去掉右上角的X关闭功能

    js Dialog 去掉右上角的X关闭功能

    用到 dialog弹出框时,不想要右上角的X 关闭功能,只是做个提示信息显示,下面是具体的去掉方法,大家可以参考下
    2014-04-04
  • javascript中sort() 方法使用详解

    javascript中sort() 方法使用详解

    sort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用
    2015-08-08

最新评论