JS+JSP通過(guò)img標(biāo)簽調(diào)用實(shí)現(xiàn)靜態(tài)頁(yè)面訪問次數(shù)統(tǒng)計(jì)的方法
更新時(shí)間：2015年12月14日 11:22:59 作者：5iasp
這篇文章主要介紹了JS+JSP通過(guò)img標(biāo)簽調(diào)用實(shí)現(xiàn)靜態(tài)頁(yè)面訪問次數(shù)統(tǒng)計(jì)的方法,基于JavaScript動(dòng)態(tài)調(diào)用jsp頁(yè)面通過(guò)對(duì)TXT文本文件的讀寫實(shí)現(xiàn)統(tǒng)計(jì)訪問次數(shù)的功能,需要的朋友可以參考下
本文實(shí)例講述了JS+JSP通過(guò)img標(biāo)簽調(diào)用實(shí)現(xiàn)靜態(tài)頁(yè)面訪問次數(shù)統(tǒng)計(jì)的方法。分享給大家供大家參考，具體如下：
測(cè)試頁(yè)面： 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>
統(tǒng)計(jì)程序: pv.jsp：
假設(shè)部署位置為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) %>
<%!
/**
* 寫入數(shù)字內(nèi)容
*
* @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;
}
/**
* 讀取數(shù)字內(nèi)容
*
* @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;
}
%>
基本思想:
訪問靜態(tài)頁(yè)面時(shí),通過(guò)img標(biāo)簽指定src 為訪問統(tǒng)計(jì)的地址, img標(biāo)簽向統(tǒng)計(jì)程序發(fā)出請(qǐng)求,實(shí)現(xiàn)統(tǒng)計(jì).
統(tǒng)計(jì)示例代碼采用文件來(lái)記錄訪問次數(shù),實(shí)際項(xiàng)目可以記錄數(shù)據(jù)庫(kù).
關(guān)鍵代碼:
復(fù)制代碼 代碼如下:
<script type="text/javascript">document.write("<img src=http://127.0.0.1:8080/EasyCMS/pv.jsp border=0 width=0 height=0>");</script>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jsp利用echarts實(shí)現(xiàn)報(bào)表統(tǒng)計(jì)的實(shí)例
- JSP實(shí)現(xiàn)網(wǎng)頁(yè)訪問統(tǒng)計(jì)
- jsp利用application統(tǒng)計(jì)在線人數(shù)的方法
- jsp的九大內(nèi)置對(duì)象深入講解
- springboot整合jsp,實(shí)現(xiàn)公交車站路線圖
- SpringBoot+MybatisPlus+Mysql+JSP實(shí)戰(zhàn)
- 如何將JSP/Servlet項(xiàng)目轉(zhuǎn)換為Spring Boot項(xiàng)目
- idea springboot 修改css,jsp不重啟實(shí)現(xiàn)頁(yè)面更新的問題
- Springboot集成jsp及部署服務(wù)器實(shí)現(xiàn)原理
- 教你怎么用JSP統(tǒng)計(jì)網(wǎng)站訪問人數(shù)
相關(guān)文章
這篇文章主要介紹了Bootstrap3制作搜索框樣式的方法 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
前端獲取資源的方式(ajax、fetch)以及其區(qū)別詳解
Fetch 被稱之為下一代 Ajax 技術(shù),內(nèi)部采用 Promise 方式處理數(shù)據(jù)API 語(yǔ)法簡(jiǎn)潔明了,這篇文章主要給大家介紹了關(guān)于前端獲取資源的方式(ajax、fetch)以及其區(qū)別的相關(guān)資料,需要的朋友可以參考下2024-07-07
下面小編就為大家?guī)?lái)一篇js中遍歷Map對(duì)象的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript回調(diào)(callback)函數(shù)概念自我理解及示例
此文適合JavaScript入門級(jí)選手閱讀，在JavaScript里什么叫Callback“回調(diào)函數(shù)”，把方法b當(dāng)做一個(gè)參數(shù)傳遞個(gè)方法a，當(dāng)方法a執(zhí)行完后執(zhí)行另外一個(gè)指定函數(shù)（這里是b函數(shù)），感興趣的朋友可以了解下哈2013-07-07
JS module的導(dǎo)出和導(dǎo)入的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS module的導(dǎo)出和導(dǎo)入的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
echarts整合多個(gè)類似option的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于echarts整合多個(gè)類似option的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
JavaScript 中的 this 簡(jiǎn)單規(guī)則
想要確定this里規(guī)則是什么，其實(shí)方法很簡(jiǎn)單，通過(guò)檢查它的調(diào)用位置，在函數(shù)被調(diào)用的時(shí)候確定this，下面就跟隨腳本之家小編一起通過(guò)本文學(xué)習(xí)吧2017-09-09
自動(dòng)完成JS類，用戶體驗(yàn)較好。封裝成類，方便使用。本站2009-03-03
ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用實(shí)例詳解
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Proxy的功能、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
js+html實(shí)現(xiàn)周歲年齡計(jì)算器
這篇文章主要為大家詳細(xì)介紹了js+html實(shí)現(xiàn)周歲年齡計(jì)算器的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06