javascript - 如何为用户只加载一次pop？

Question

我使用下面的代码在页面加载时加载弹出窗口，我不希望它在用户每次刷新页面时加载

$(function () {
    var overlay = $('<div id="overlay"></div>');
    overlay.show();
    overlay.appendTo(document.body);
    $(document).ready(function() {


        $('.popup').show();

        $('.close').click(function(){
            $('.popup').hide();
            overlay.appendTo(document.body).remove();
            return false;
        });
        });

Answer 1

使用window.localStorage API 是执行此操作的一种非常简单的方法:

$(function () {
    if (window.localStorage.popupHasBeenShown)
        return; 

    var overlay = $('<div id="overlay"></div>');
    overlay.show();
    overlay.appendTo(document.body);
    $(document).ready(function() {

        window.localStorage.popupHasBeenShown = true;
        $('.popup').show();

        $('.close').click(function(){
            $('.popup').hide();
            overlay.appendTo(document.body).remove();
            return false;
        });
    });

有些人可能更喜欢使用cookie API ，即 window.document.cookie，一个优点是设置到期日期非常简单，因此您可以让弹出窗口每周左右只显示一次:

document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";