HTML5 实现对用户访问某一页面进行计数

最新推荐文章于 2024-06-17 09:42:33 发布
最新推荐文章于 2024-06-17 09:42:33 发布
阅读量8.3k 收藏 15
点赞数 7
分类专栏： HTML5 文章标签： html5 大数据存储
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhenyu5211314/article/details/12969893
版权

HTML5 提供了两种在客户端存储数据的新方法：

  • localStorage - 没有时间限制的数据存储
  • sessionStorage - 针对一个 session 的数据存储
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

localStorage 可以用于存储该浏览器对该页面的访问次数，当然，如果换个浏览器，这个次数就重新开始计数了。还可以用来存储一些固定不变的页面信息，这样就不需要每次都重新加载了，这个值也可以进行覆盖。

请求和访问localStorage 代码如下： 
<!DOCTYPE HTML>
<html>
<body>

<script type="text/javascript">

if (localStorage.pagecount)
	{
	localStorage.pagecount=Number(localStorage.pagecount) +1;
	}
else
	{
	localStorage.pagecount=1;
	}
document.write("Visits:  " + localStorage.pagecount + "  time(s).");

</script> 

<p>刷新页面会看到计数器在增长。</p>

</body>
</html>

也可以使用W3School在线编程工具进行测试： 打开示例页面
振长策而御宇内
关注
  • 7
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
在html中页面打开次数计算,实现页面访问次数统计
weixin_39732491的博客
06-07 2542
点击网站常常发现下面有显示你是第多少位访客，实际上在Java上可轻松实现。首先定义一个容器来定义get和post方法。public class Counter{private int count;public Counter(){this(0);}public Counter(int count){this.count=count;}public void setCount(int count){...
统计某网友的来访次数(HTML经典用例)
09-08
更多资源请查看: http://download.csdn.net/user/njzdl
推荐一款简单实用的网站访问计数器：Hit Counter
最新发布
gitblog_00058的博客
06-17 336
推荐一款简单实用的网站访问计数器：Hit Counter 项目地址:https://gitcode.com/brentvollebregt/hit-counter 在数字时代，了解网站或博客的访问量是至关重要的。今天，我们向您推荐一个开源项目——Hit Counter，它是一款轻巧且易于使用的网站计数工具，可让您轻松跟踪页面的访问次数。 1、项目介绍 Hit Counter 是一个基于服务器的系统...
html5访问统计
11-30 436
&lt;!DOCTYPEhtml&gt; &lt;htmllang="en"&gt; &lt;head&gt; &lt;metacharset="UTF-8"&gt; &lt;title&gt;localStorage&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script
HTML5 利用localStorage对页面访问量计数
winbobob的专栏
05-26 5331
if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } else { localStorage.pagecount=1; } document.write("Visits: " + localStorage.pagecount + " time(s).");
php统计页面访问量_php统计网站/html页面浏览访问次数程序
weixin_28953361的博客
03-09 730
本文章来给大这介绍了php自己写的一些常用的网站统计代码写法，用无数据库的与使用数据库及html静态页面浏览资次数统计代码，大家可进入参考。实例1直接使用txt文件进行统计的代码代码如下复制代码fopen($filepath,'w');fwrite($fp,0);fclose($fp);counter($filepath);}else{counter($filepath);}$_SESSION['...
html页面记录访问次数
热门推荐
yls0115的博客
06-11 1万+
写了一个简单的访问次数，但是还存在一定的问题，仅能够实现页面效果。如果有大佬愿意指明，请评论告诉小弟，小弟会很开心的。 效果图： 1.dao接口 //根据id查访问量 Integer selectCounterById(@Param(value = "id") Integer id); //修改访问量的次数 void updateCounter(@Param(v...
application对象统计所有用户对某网页的访问次数
01-20
在Java Web开发中，`...在给定的场景中，`application`对象被用来统计所有用户对某特定网页的访问次数。这个功能对于网页的访问量统计或者是网站流量分析是非常有用的。以下是对提供的JSP代码的详细解释： ```jsp ...
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
11-23
在网页开发中，统计页面访问量是一个常见的需求，这有助于分析网站流量和用户行为。本文介绍了一种利用JavaScript（JS）和JavaServer Pages（JSP）结合img标签来实现静态页面访问次数统计的方法。这种方法简单易行，...
易语言网页访问计数
08-19
在信息技术领域，网页访问计数是一种常见的功能，用于记录网站的访问量，为网站管理员提供数据支持，以便分析网站的受欢迎程度和用户行为。在易语言环境下，实现这样的功能可以为编程初学者提供一个很好的实践平台。...
JSP实现网页访问统计
10-23
通过不同的实现方法，我们可以更准确地统计网站的访问次数，并对数据进行长期保存。 #### 二、使用Application对象进行统计 ##### 2.1 原理 应用范围全局的对象`application`非常适合用于存储和统计网站的访问...
html页面的访问计数,ajax实现的html页面站点计数器
weixin_36058685的博客
06-03 319
/p>HTML 4.0 Transitional//EN"> 用ajax实现的HTML静态页面站点计数器 本站访问统计为id="siteCount">src="ajaxaction.js">function sendMyGetAction(){var url = "account.jsp?sid="+Math.random()sendGetAction(url,stateChan...
HTML中来访时间,html记录用户的访问次数代码
weixin_36242060的博客
06-05 1341
提示：您可以先修改部分代码再运行var expDays = 10;var exp = new Date();exp.setTime(exp.getTime() + (expDays*24*60*60*1000));function Who(info){var VisitorName = GetCookie('VisitorName')VisitorName = prompt("请输入你的称呢：",...
php统计访问js,JavaScript实现网站访问次数统计代码
weixin_34963576的博客
03-23 483
作为一个网站的管理员或者说站长，都希望知道到底有多少人访问了网站，这个时候就需要有一个统计功能来满足需要,当然功能比较单一和简单，如果想要强大的统计效果，那最好还是使用现在比较成熟的统计工具，比如站长统计或者腾讯统计等等。代码一：代码如下:var caution=falsefunction setCookie(name,value,expires,path,domain,secure){var c...
统计网页的浏览次数
bigorange1的博客
03-29 2663
统计网页的浏览次数，适用于新闻，cms系统的开发
关于html5页面的数据记录访问次数
milijiangjun的博客
05-31 9818
可以进行页面打开的时候直接请求后台数据库，进行请求操作
html怎么统计总访问量,如何实现对网站页面访问量的统计？
weixin_42163404的博客
06-04 2992
我用的springmvc，大体讲讲本身的思路吧：css要对页面访问量统计也就是pv，主要就是拦截，写一个拦截器类实现HandlerInterceptor接口，拦截全部请求，可是须要注意的是，配置拦截器的时候spring须要排除不拦截的请求，由于对于静态资源css，js，以及图片，还有后台管理系统咱们是不须要拦截的，咱们只拦截用户访问的页面，也就是你展现数据库给用户的那些页面，配置拦截大概这样配置安...
如何实现网站访问量统计（html页面）
慕尘蒿
04-17 1万+
如何为HTML网页添加访问计数器 如何实现网站访问量统计 不利用站长之家实现网站访问量统计 一行代码实现访问量统计 1. 访问http://www.amazingcounters.com/index.php网站 2. 进入网站后选择Sign Up 3. 选择一个能看的统计数字界面 4. 然后拉到底端进入下一步 5. 然后填写需要统计访问量的网页地址再点击下一步（这里可以选择刷新计数All hit...
html网页访问计数器,HTML添加网站计数器(Cookie)
weixin_39750731的博客
06-15 615
Cookie 计数器function www_helpor_net(offset){var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}function...
javaweb实现一个网页访问计数功能，每一个用户登录到本网站，就将网页的计数器加1。注意：同一个用户在没关闭浏览器的情况下重新请求页面不用计数。
06-03
实现网页访问计数功能需要考虑多个问题，包括如何判断一个用户是否已经访问过网站、如何在多个请求之间共享计数器、如何将计数器存储到持久化存储介质中等。 下面给出一个基于 HttpSession 的实现方案。 1. 创建一个 CounterServlet 类，用于计数和显示计数器的值。 ```java @WebServlet("/counter") public class CounterServlet extends HttpServlet { private static final String COUNT_KEY = "count"; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getSession(); Integer count = (Integer) session.getAttribute(COUNT_KEY); if (count == null) { count = 1; } else { count++; } session.setAttribute(COUNT_KEY, count); response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println("<html><head><title>Counter</title></head><body>"); out.println("<h1>Counter</h1>"); out.println("<p>Count: " + count + "</p>"); out.println("</body></html>"); } } ``` 2. 在 web.xml 中禁用浏览器的缓存功能，以确保每次请求都会到达服务器。 ```xml <web-app> <filter> <filter-name>NoCacheFilter</filter-name> <filter-class>com.example.NoCacheFilter</filter-class> </filter> <filter-mapping> <filter-name>NoCacheFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> </web-app> ``` 其中 NoCacheFilter 是一个自定义的过滤器，用于设置响应头以禁用缓存。 ```java public class NoCacheFilter implements Filter { public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletResponse httpResponse = (HttpServletResponse) response; httpResponse.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); httpResponse.setHeader("Pragma", "no-cache"); httpResponse.setDateHeader("Expires", 0); chain.doFilter(request, response); } } ``` 3. 在网页中添加计数器链接。 ```html <a href="/counter">Click here to increase the counter</a> ``` 这样，用户每访问一次计数器页面，计数器的值就会加 1。如果用户在同一个浏览器窗口中多次访问计数器页面，计数器的值不会重复增加。 注意：在实际应用中，需要考虑并发访问和持久化存储等问题，本例中没有涉及到这些方面的处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值