|
热门文章 |
|
|
|
相关文章 |
|
没有相关文章 |
|
|
网页上记录鼠标的点击次数 |
来源:源码爱好者 更新时间:2012/3/1 23:16:35 阅读次数: 我要投稿 |
|
<!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>记录鼠标的点击次数</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body> <div id="count"></div> <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模拟的Windows上下文右键菜单代码下一篇文章: jQuery鼠标悬停显示提示信息窗口 |
|
|