JS實現(xiàn)在線統(tǒng)計一個頁面內鼠標點擊次數(shù)的方法
更新時間：2015年02月28日 10:38:20 投稿：shichen2014
這篇文章主要介紹了JS實現(xiàn)在線統(tǒng)計一個頁面內鼠標點擊次數(shù)的方法,實例分析了javascript操作Cookie實現(xiàn)計數(shù)的技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)在線統(tǒng)計一個頁面內鼠標點擊次數(shù)的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<!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記錄鼠標的點擊次數(shù)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div id="count"></div>腳本之家 www.dbjr.com.cn 提示您：
<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記錄鼠標的點擊次數(shù)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div id="count"></div>腳本之家 www.dbjr.com.cn 提示您：
<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 ES6變量的解構賦值，對ES6感興趣的同學，可以參考下2021-05-05
圍繞表單的可訪問性與交互性上，各瀏覽器都下了很大工夫，比如fieldset與legend等用于增強區(qū)域感的元素，for，accessKey，defaultValue，maxlength，tabIndex等用于交互或提示的屬性。不過，今天只講tabIndex。2009-12-12
這篇文章主要為大家詳細介紹了原生js+canvas實現(xiàn)貪吃蛇效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)抽獎器效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
本篇文章主要是對JS獲取幾種URL地址的方法進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
下面小編就為大家?guī)硪黄猨s判斷用戶是輸入的地址請求的路徑(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
在本篇文章里小編給大家整理的是一篇關于JS中比較兩個Object數(shù)組是否相等方法實例內容，有需要的朋友們學習下。2019-11-11
基于javascript實現(xiàn)判斷移動終端瀏覽器版本信息
這篇文章主要介紹了基于javascript實現(xiàn)判斷移動終端瀏覽器版本信息,需要的朋友可以參考下2014-12-12
需求是一個字符串，想刪除這個字符串最后一個字符，比如“1,2,3,4,5,”，刪除最后一個“,”用javascript怎么實現(xiàn)？下面給出三種方法2014-01-01
詳解JavaScript如何實現(xiàn)更短時間的延時函數(shù)
在項目開發(fā)中,經常能遇到需要延時執(zhí)行的需求,比如實現(xiàn)一個定時器功能,本文主要和大家介紹了JS如何實現(xiàn)更短時間的延時函數(shù),需要的可以參考下2024-03-03