通过localStorage实现页面的访问量的统计
通过localStorage实现页面的访问量的统计
通过localStorage实现页面的访问量的统计简介：
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
localStorage 属性是只读的。代码演示设置当前的页面的访问量，
通过localStorage实现页面的访问量的统计
简介： localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。
代码演示
- 设置当前的页面的访问量，这里是把页面的访问量存放在浏览器的，当然也可以存放到后端的数据库
- 只要浏览器不发生改变，和自己手动删除这个存储，那么每次刷新一次这个访问量就会+1
这里是具体的函数实现，这个setStorage是主体。
代码语言：javascript代码运行次数：0运行复制<script type="text/javascript">
// 设置当前的页面的访问量，这里是把页面的访问量存放在浏览器的，当然也可以存放到后端的数据库
// 只要浏览器不发生改变，和自己手动删除这个存储，那么每次刷新一次这个访问量就会+1
function setStorage(){
if(){
=umber()+1;
}else{
=1;
}
return ;
}
var counter=setStorage();
var read=document.getElementById('read');
read.innerHTML=counter;
</script>完整的网页代码
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
访问量：<span id="read"></span>
</body>
<script type="text/javascript">
// 设置当前的页面的访问量，这里是把页面的访问量存放在浏览器的，当然也可以存放到后端的数据库
// 只要浏览器不发生改变，和自己手动删除这个存储，那么每次刷新一次这个访问量就会+1
function setStorage(){
if(){
=umber()+1;
}else{
=1;
}
return ;
}
var counter=setStorage();
var read=document.getElementById('read');
read.innerHTML=counter;
</script>
</html>运行结果 每次刷新这个访问量就会+1，但是重新换一个浏览器之后，这个就是新的一个存储了。
控制台的运行结果，想要删除这个存储，需要的是，自己手动的进行删除。
（） 这里的这个也有这个功能的编写，对于localStorge有着很详细的解释。
#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间： 2025-07-19 12:03:56
推荐阅读
| 留言与评论（共有 9 条评论） |
| 本站网友 郑祖康 | 26分钟前 发表 |
| 那么每次刷新一次这个访问量就会+1 function setStorage(){ if(){ =umber()+1; }else{ =1; } return ; } var counter=setStorage(); var read=document.getElementById('read'); read.innerHTML=counter; </script> </html>运行结果 每次刷新这个访问量就会+1 | |
| 本站网友 工业地产 | 24分钟前 发表 |
| 当然也可以存放到后端的数据库 // 只要浏览器不发生改变 | |
| 本站网友 龙之梦电影院 | 30分钟前 发表 |
| 需要的是 | |
| 本站网友 2012年房贷利率 | 30分钟前 发表 |
| （） 这里的这个也有这个功能的编写 | |
| 本站网友 qqtx | 24分钟前 发表 |
| 这里是把页面的访问量存放在浏览器的 | |
| 本站网友 强排燃气热水器 | 18分钟前 发表 |
| 这里是把页面的访问量存放在浏览器的 | |
| 本站网友 中伦金通 | 25分钟前 发表 |
| 如有侵权请联系 cloudcommunity@tencent 删除前往查看浏览器统计存储localstorage后端 | |
| 本站网友 光大证券交易软件下载 | 29分钟前 发表 |
| 当然也可以存放到后端的数据库只要浏览器不发生改变 | |