JS實現(xiàn)在線統(tǒng)計一個頁面內(nèi)鼠標(biāo)點擊次數(shù)的方法
更新時間：2015年02月28日 10:38:20 投稿：shichen2014
這篇文章主要介紹了JS實現(xiàn)在線統(tǒng)計一個頁面內(nèi)鼠標(biāo)點擊次數(shù)的方法,實例分析了javascript操作Cookie實現(xiàn)計數(shù)的技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)在線統(tǒng)計一個頁面內(nèi)鼠標(biāo)點擊次數(shù)的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!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)的點擊次數(shù)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div id="count"></div>腳本之家 www.fzitv.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>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js記錄鼠標(biāo)的點擊次數(shù)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<div id="count"></div>腳本之家 www.fzitv.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程序設(shè)計有所幫助。
您可能感興趣的文章:
- 使用JS或jQuery模擬鼠標(biāo)點擊a標(biāo)簽事件代碼
- js 鼠標(biāo)點擊事件及其它捕獲
- js鼠標(biāo)點擊按鈕切換圖片-圖片自動切換-點擊左右按鈕切換特效代碼
- js監(jiān)聽鼠標(biāo)點擊和鍵盤點擊事件并自動跳轉(zhuǎn)頁面
- js實現(xiàn)鼠標(biāo)點擊文本框自動選中內(nèi)容的方法
- 基于JavaScript實現(xiàn) 獲取鼠標(biāo)點擊位置坐標(biāo)的方法
- JS實現(xiàn)鼠標(biāo)點擊展開或隱藏表格行的方法
- javascript獲取鼠標(biāo)點擊元素對象(示例代碼)
- js鼠標(biāo)點擊事件在各個瀏覽器中的寫法及Event對象屬性介紹
- javascript實現(xiàn)鼠標(biāo)點擊生成文字特效
相關(guān)文章
微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能
通過點擊預(yù)約按鈕即可生成二維碼憑碼入校參觀,下面小編通過實例代碼講解微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能,感興趣的朋友跟隨小編一起看看吧2024-04-04
這篇文章主要介紹了js為空或不是對象問題的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了淺談Fetch 數(shù)據(jù)交互方式,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹一個圖片閃動特效，可以控制間隔時間如幾分鐘閃動一下,需要的朋友不要錯過2014-08-08
單元測試框架Jest搭配TypeScript的安裝與配置方式
這篇文章主要介紹了單元測試框架Jest搭配TypeScript的安裝與配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
使用JavaScript和CSS實現(xiàn)簡單的字符計數(shù)器
在本文中，你將學(xué)習(xí)如何使用?JavaScript?創(chuàng)建字符計數(shù)器。計數(shù)的數(shù)字可以在小顯示屏中看到。文中示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-08-08
JavaScript實現(xiàn)鼠標(biāo)滑過圖片變換效果的方法
這篇文章主要介紹了JavaScript實現(xiàn)鼠標(biāo)滑過圖片變換效果的方法,涉及javascript控制鼠標(biāo)事件及樣式變換的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)DOM對象選擇器,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了JavaScript Dom 綁定事件操作,結(jié)合實例形式詳細(xì)分析了JavaScript實現(xiàn)dom綁定事件的相關(guān)實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2019-10-10
直接用ID屬性進行引用 直接用NAME屬性進行引用 使用getElementById(),getElementsByName(),getElementsByTagName()進行引用2009-06-06