您的位置：首页 > Web前端 > HTML5

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

2013-10-23 13:31 483 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航