浏览器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 。