怎么實(shí)現(xiàn)js統(tǒng)計(jì)鼠標(biāo)點(diǎn)擊次數(shù)
怎么實(shí)現(xiàn)js統(tǒng)計(jì)鼠標(biāo)點(diǎn)擊次數(shù)
學(xué)習(xí)前端的同學(xué)你們知道怎么JS實(shí)現(xiàn)在線統(tǒng)計(jì)一個(gè)頁(yè)面內(nèi)鼠標(biāo)點(diǎn)擊次數(shù)的方法嗎？不知道的話跟著學(xué)習(xí)啦小編一起來(lái)學(xué)習(xí)JS實(shí)現(xiàn)在線統(tǒng)計(jì)一個(gè)頁(yè)面內(nèi)鼠標(biāo)點(diǎn)擊次數(shù)的方法。
本文實(shí)例講述了JS實(shí)現(xiàn)在線統(tǒng)計(jì)一個(gè)頁(yè)面內(nèi)鼠標(biāo)點(diǎn)擊次數(shù)的方法。
代碼如下:
<!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記錄鼠標(biāo)的點(diǎn)擊次數(shù)</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 = "您點(diǎn)擊了"+getCookie('count')+"次!";
}
if (getCookie('count')){
document.getElementById("count").innerHTML = "您點(diǎn)擊了"+getCookie('count')+"次!";
}else{
document.getElementById("count").innerHTML = "您還沒(méi)有點(diǎn)擊過(guò)!";
addCookie("count","0","1000");
}
</script>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
怎么實(shí)現(xiàn)js統(tǒng)計(jì)鼠標(biāo)點(diǎn)擊次數(shù)相關(guān)文章：
1.怎么用js實(shí)現(xiàn)簡(jiǎn)單鼠標(biāo)跟隨效果
2.使用js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊變色
3.jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)