首次加载时只加载一次广告(div)

Question

我想知道如何只有第一次加载页面时才能加载或显示广告的div,但每次刷新页面时都会隐藏它？

我只有用Jquery加载div的代码,但在刷新页面后不知道如何隐藏它:

$(document).ready(function() {
  $(".referralProgram").fadeIn("slow");
});

Answer 1

使用cookie:

$(document).ready(function() {
    if (!readCookie("adSeen")) {
        $(".referralProgram").fadeIn("slow");
        createCookie("adSeen", "1", 1000);
    }
});

function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    } else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

Cookie函数来自quirksmode.org.

编辑:由于许多人正在讨论如果禁用cookie,如何处理这个问题,应该指出服务器会话实现依赖于cookie或URL中的会话标识符.充其量只要会话标识符位于网址中,您就只能阻止为同一用户显示广告.返回主页sans会话ID将重新显示广告.此外,如果用户共享URL,则粗心的实现(甚至一些仔细的实现)可能会导致其他用户误报. localStorage对于大多数(如果不是全部)浏览器禁用的cookie,解决方案将无法使用.