这篇文章主要介绍了 JS 实现在线统计一个页面内鼠标点击次数的方法, 实例分析了 javascript 操作 Cookie 实现计数的技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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>
- phperz www.phperz.com 提示您:
- <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 程序设计有所帮助。
来源: