javascript - 网站上每个页面的不同计数器值

Question

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

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

请帮忙。

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

Answer 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"];