HTML5 利用localStorage对页面访问量计数

最新推荐文章于 2022-11-07 12:16:33 发布

转载最新推荐文章于 2022-11-07 12:16:33 发布 · 5.4k 阅读

文章标签：

#HTML5 #localstorage #访问量 #javascript

学习笔记同时被 2 个专栏收录

87 篇文章

订阅专栏

Web相关

21 篇文章

订阅专栏

本文介绍了一种利用JavaScript和LocalStorage记录页面访问次数的方法。通过简单的脚本，每次页面加载时都会更新计数器，并将当前访问次数显示在页面上。即使关闭浏览器再次打开，计数器也能正确地累加。

From【W3C School】

<!DOCTYPE HTML>
<html>
<body>

<script type="text/javascript">

if (<span style="font-size:18px;color:#ff0000;">localStorage.pagecount</span>)
	{
	<span style="font-size:18px;color:#ff0000;">localStorage.pagecount=Number(localStorage.pagecount) +1;</span>
	}
else
	{
	localStorage.pagecount=1;
	}
document.write("Visits: " + localStorage.pagecount + " time(s).");

</script> 

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

<p>请关闭浏览器窗口，然后再试一次，计数器会继续计数。</p>

</body>
</html>