网站上每个页面的不同计数器值[关闭]

【问题标题】：Different Counter Value for Each Page on Website [closed]网站上每个页面的不同计数器值[关闭]
【发布时间】：2019-08-31 17:00:23
【问题描述】：

在代码（下面的链接）中，我想更改一些数据，以便每个页面的计数器值不同。目前，如果将此代码放在网站的另一页中，计数器将显示一个数字，该数字会延续上一页的数字。

我有一个带有 /news-details?id=XXX 示例帖子 ID 结构的网站。我希望每个页面都有自己特定的计数器，从 0 开始。

请帮忙。

我的代码在这里（JS Fiddle）：jsfiddle.net/zt73db5q

【问题讨论】：

标签： javascript view counter visitor-pattern hit

【解决方案1】：

试试这样的

var n = localStorage.getItem('on_load_counter');

if(n === null){
   n = {"pageid":0}
}

if (n["pageid"] === null) {
   n["pageid"] = 0;
}

n["pageid"]++;

localStorage.setItem("on_load_counter", n);

document.getElementById('counter').innerHTML = n["pageid"];

【讨论】：

感谢您的回答。但是我怎样才能为不同的 html 页面尝试修改后的代码？
实际上，只需使用localStorage.getItem( ‘on_load_counter’ + window.location.href ) 和localStorage.setitem( ‘on_load_counter’ + window.location.href, n )，因为localStorage 包含您的整个域上的相同数据。