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

来源：互联网发布：apache ant 1.9.3 bin 编辑：程序博客网时间：2024/05/22 04:40

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在线编程工具进行测试：打开示例页面