javascript - 如何在 JavaScript 上获取页面浏览量？

Question

如何在 JavaScript 上获取页面浏览量？

我想获取并显示页面被查看的次数，就像 Stack Overflow 一样。

如何通过 JavaScript 做到这一点？谢谢!

Answer 1

这可以在 javascript 中完成。您必须使用浏览器本地存储来存储页面浏览量才能使用它。您可以使用 window.localStorage或 window.sessionStorage .

sessionStorage 将像 php session 一样工作，并且只能通过一个浏览 session 使用，如果您关闭浏览器，则 sessionStorage 数据将被浏览器删除。但是，在用户手动删除浏览器数据之前，localStorage 不会被浏览器删除。

我将向您展示两个实现:

使用 localStorage: 您可以将变量存储到 localStorage 中，该变量可用于计算页面浏览量。 :

var myStorage = window.localStorage, pageCount;
window.addEventListener('load', function(){
   if(!myStorage.getItem("pageCount")){
      myStorage.setItem('pageCount', 1);
   } else {
      pageCount = myStorage.getItem("pageCount");
      pageCount = pageCount + 1;
      myStorage.setItem('pageCount', pageCount );
   }
   console.log('page view count', myStorage.getItem("pageCount"));
});

或者使用window.sessionStorage:

var mySession = window.sessionStorage, pageCount;
window.addEventListener('load', function(){
   if(!mySession.getItem("pageCount")){
      mySession.setItem('pageCount', 1);
   } else {
      pageCount = mySession.getItem("pageCount");
      pageCount = pageCount + 1;
      mySession.setItem('pageCount', pageCount );
   }
   console.log('page view count of current browsing session', mySession.getItem("pageCount"));
});