统计网页的浏览次数

最新推荐文章于 2026-05-24 13:16:14 发布

原创最新推荐文章于 2026-05-24 13:16:14 发布 · 3.7k 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

IT大哥哥

关注

标签

#html #javascript #css

分类前端开发

这是一个使用HTML、CSS和JavaScript实现的简单网页，通过localStorage记录并显示用户的访问次数，同时展示当前年份，用于基本的网站流量统计。

<!DOCTYPE html>
<html>
<head>
	<title>
		网站访问量统计
	</title>


<style type="text/css">
	
#bottom-outer {
    color: #888;
    text-align: center;
    padding: 10px;
    padding-top: 40px;
    background-color: #fff;
    font-size: 14px;
    opacity:0.85;
}

</style>


</head>
<body>
<div id="bottom-outer">
                <div id="bottom-inner">
                   
                
                    <br>本站访问量:<span id="result1"></span>

                    -<span id="year"></span>


                </div>
            </div>
        </div>

</body>



<script type="text/javascript">
	//流量统计
                    if (localStorage.pagecount) {
                        localStorage.pagecount = Number(localStorage.pagecount) + 1;
                    } else {
                        localStorage.pagecount = 1;
                    }
                    document.getElementById("result1").innerHTML = localStorage.pagecount;


            //年份获取

            var myDate = new Date();
            var year = myDate.getFullYear();
            document.getElementById('year').innerHTML = year;
</script>
</html>