JS+JSP通过img标签调用实现静态页面访问次数统计的方法


Posted in Javascript onDecember 14, 2015

本文实例讲述了JS+JSP通过img标签调用实现静态页面访问次数统计的方法。分享给大家供大家参考,具体如下:

测试页面: test.html  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>test</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <!--
  <link rel="stylesheet" type="text/css" href="styles.css">
  -->
 </head>
 <body>
 this is a test page.
<script type="text/javascript">document.write("<img src=http://127.0.0.1:8080/EasyCMS/pv.jsp border=0 width=0 height=0>");</script>
 </body>
</html>

统计程序: pv.jsp:

假设部署位置为http://127.0.0.1:8080/EasyCMS/pv.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.io.*"%>
<%
String path="/opt/test.txt";
writeNumber(String.valueOf(readNumber(path)+1),path);
%>
<%=readNumber(path) %>
<%!
  /**
   * 写入数字内容
   *
   * @param number
   * @param filename
   * @return
   */
  public boolean writeNumber(String number, String filename) {
    try {
      FileOutputStream fos = new FileOutputStream(filename);
      OutputStreamWriter writer = new OutputStreamWriter(fos);
      writer.write(number);
      writer.close();
      fos.close();
    } catch (IOException e) {
      e.printStackTrace();
      return false;
    }
    return true;
  }
  /**
   * 读取数字内容
   * 
   * @param filename
   * @return
   */
  public int readNumber(String filename) {
    int number = 0;
    try {
      File file = new File(filename);
      if (file.exists()) {
        FileReader fr = new FileReader(file);
        BufferedReader br = new BufferedReader(fr);
        String contents = br.readLine();
        if (contents != null && contents.length() > 0) {
          contents = contents.replaceAll("[^0-9]", "");
          number = Integer.valueOf(contents);
        }
        br.close();
        fr.close();
      }
    } catch (IOException e) {
      e.printStackTrace();
    }
    return number;
  }
%>

基本思想:
 
访问静态页面时,通过img标签指定src 为访问统计的地址, img标签向统计程序发出请求,实现统计.
统计示例代码采用文件来记录访问次数,实际项目可以记录数据库.
 
关键代码:

<script type="text/javascript">document.write("<img src=http://127.0.0.1:8080/EasyCMS/pv.jsp border=0 width=0 height=0>");</script>

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

Javascript 相关文章推荐
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
将list转换为json失败的原因
Dec 17 Javascript
Node.js中使用计时器定时执行函数详解
Aug 15 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
在vue中使用防抖函数组件操作
Jul 26 Javascript
关于vue 项目中浏览器跨域的配置问题
Nov 10 Javascript
vue.js+element 默认提示中英文操作
Nov 11 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 #Javascript
javascript中new关键字详解
Dec 14 #Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 #Javascript
Position属性之relative用法
Dec 14 #Javascript
CSS中position属性之fixed实现div居中
Dec 14 #Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 #Javascript
js实现拖拽效果(构造函数)
Dec 14 #Javascript
You might like
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
js程序中美元符号$是什么
2008/06/05 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
基于jquery的loading效果实现代码
2010/11/05 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[02:40]2014DOTA2 国际邀请赛中国区预选赛 四大豪门抵达华西村
2014/05/23 DOTA
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
2013的个人自我评价
2013/12/26 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
文员求职信
2014/07/15 职场文书
校本课程教学计划
2015/01/19 职场文书
心术观后感
2015/06/11 职场文书
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python