浏览器 localStorage 在每个页面刷新

Question

我编写了一个弹出窗口 div，我想在每位用户每次访问该网站时显示一次，为此我能够按如下方式拼凑起来，但不幸的是它似乎是弹出窗口在我访问网站的每个页面上：

//COOKIE POLICY POP-UP
$(document).ready(function () {

if (localStorage.getItem('pops') != 'visible') {
    setTimeout(function () {
        $('#cookie_popup').css('bottom', '0');
    }, 1000);

    $('#cookie_popup a.button').click(function () {
        $('#cookie_popup').css('bottom', '-100px');
    });

    localStorage.setItem('pops', 'visible');
}

});

window.onbeforeunload = function () {
    localStorage.removeItem('pops');
};

编辑：正如下面的评论所指出的，需要删除最后一部分 window.onbeforeunload 以保留整个会话的缓存。

Answer 1

 window.onbeforeunload = function () { localStorage.removeItem('pops');};

正在删除该标志，以便您每次访问该页面时，该标志都不存在，并且会显示弹出窗口。删除该部分并确保在每次测试之前手动清除 localStorage 自己。

浏览器 localStorage 在每个页面刷新

Browser localStorage refreshing at every page

javascript

jquery

browser-cache