javascript - 如何让我的弹出窗口只为页面上的新访问者加载一次？

Question

每次刷新页面时都会出现此脚本。我现在使用的 JavaScript 来生成一个在页面加载时自动加载的灯箱。我只需要为唯一的新访问者加载一次。

<script type="text/javascript">

    $(function () {
        $("#button").click(function () {
            $("#overlay").fadeTo(1000, .8);
            $(".playerWindow").show(750);
            //$("body").scrollTop(0);
        });
        $(".closePlayer, #overlay").click(function () {
            $(".playerWindow").hide(750);
            $("#overlay").fadeOut(1000);
        });
    });

    $(window).load(function () {
        $("#overlay").fadeTo(1000, .8);
        $(".playerWindow").show(750);
    });

</script>

Answer 1

我会检查来自 PHP（或您正在使用的任何支持）的 cookie。如果 cookie 不存在，则在 dom 中放置一个 div。然后，使用 javascript，检查 dom 中元素的存在并弹出该东西。

您可以通过 javascript 处理 cookie 来完成所有这些工作。相同的逻辑，不需要只检查 dom 元素。