手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现在线统计一个页面内鼠标点击次数的方法
JS实现在线统计一个页面内鼠标点击次数的方法
摘要:本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:js记录鼠标的点击次数...

本文实例讲述了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>

希望本文所述对大家的javascript程序设计有所帮助。

【JS实现在线统计一个页面内鼠标点击次数的方法】相关文章:

jQuery实现将页面上HTML标签换成另外标签的方法

js实现文本框选中的方法

JavaScript实现点击文字切换登录窗口的方法

Javascript实现div层渐隐效果的方法

jQuery实现给页面换肤的方法

jQuery实现首页图片淡入淡出效果的方法

Jquery实现动态切换图片的方法

JS实现定时自动关闭DIV层提示框的方法

JavaScript实现鼠标滑过处生成气泡的方法

JavaScript实现鼠标拖动效果的方法

精品推荐
分类导航