脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS+JSP通过img标签调用实现静态页面访问次数统计

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

 更新时间：2015年12月14日 11:22:59   作者：5iasp  
这篇文章主要介绍了JS+JSP通过img标签调用实现静态页面访问次数统计的方法,基于JavaScript动态调用jsp页面通过对TXT文本文件的读写实现统计访问次数的功能,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • Bootstrap3制作搜索框样式的方法

    Bootstrap3制作搜索框样式的方法

    这篇文章主要介绍了Bootstrap3制作搜索框样式的方法 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-07-07
  • 前端获取资源的方式(ajax、fetch)以及其区别详解

    前端获取资源的方式(ajax、fetch)以及其区别详解

    Fetch 被称之为下一代 Ajax 技术,内部采用 Promise 方式处理数据API 语法简洁明了,这篇文章主要给大家介绍了关于前端获取资源的方式(ajax、fetch)以及其区别的相关资料,需要的朋友可以参考下
    2024-07-07
  • js中遍历Map对象的方法

    js中遍历Map对象的方法

    下面小编就为大家带来一篇js中遍历Map对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript回调(callback)函数概念自我理解及示例

    JavaScript回调(callback)函数概念自我理解及示例

    此文适合JavaScript入门级选手阅读，在JavaScript里什么叫Callback“回调函数”，把方法b当做一个参数传递个方法a，当方法a执行完后执行另外一个指定函数（这里是b函数），感兴趣的朋友可以了解下哈
    2013-07-07
  • JS module的导出和导入的实现代码

    JS module的导出和导入的实现代码

    这篇文章主要介绍了JS module的导出和导入的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • echarts整合多个类似option的方法实例

    echarts整合多个类似option的方法实例

    这篇文章主要给大家介绍了关于echarts整合多个类似option的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • JavaScript 中的 this 简单规则

    JavaScript 中的 this 简单规则

    想要确定this里规则是什么，其实方法很简单，通过检查它的调用位置，在函数被调用的时候确定this，下面就跟随脚本之家小编一起通过本文学习吧
    2017-09-09
  • 自动完成JS类(纯JS, Ajax模式)

    自动完成JS类(纯JS, Ajax模式)

    自动完成JS类，用户体验较好。封装成类，方便使用。本站
    2009-03-03
  • ES6知识点整理之Proxy的应用实例详解

    ES6知识点整理之Proxy的应用实例详解

    这篇文章主要介绍了ES6知识点整理之Proxy的应用,结合实例形式详细分析了ES6中Proxy的功能、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-04-04
  • js+html实现周岁年龄计算器

    js+html实现周岁年龄计算器

    这篇文章主要为大家详细介绍了js+html实现周岁年龄计算器的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-06-06

最新评论