jquery - sessionStorage 工作但需要 cookie

Question

因此，我有以下代码执行我需要的操作，但现在被告知它需要在 ie7 中工作，而 sessionStorage 在该浏览器中不起作用。我对 cookie 不太了解，所以想知道是否有人可以为我指明正确的方向。

    var yetVisited = sessionStorage['visited'];
    if (!yetVisited) {

        $j("#adspaceModal").modal("show").on("shown", function () {
    window.setTimeout(function () {
        $j("#adspaceModal").modal("hide");
    }, 20000);
});

        // open popup
        sessionStorage['visited'] = "yes";
    }

目前，我的模式会在您第一次访问主页时出现，除非我在新选项卡/窗口中打开它，否则不会出现，这按照我想要的方式工作。

非常感谢任何帮助。

Answer 1

您可以使用功能检测来查明 sessionStorage 是否可用，如果不可用，则使用 jQuery Cookie plugin :

var yetVisited = sessionStorage ? sessionStorage['visited'] : $.cookie('visited');
if (!yetVisited) {
    $j("#adspaceModal").modal("show").on("shown", function () {
        window.setTimeout(function () {
            $j("#adspaceModal").modal("hide");
        }, 20000);
    });

    // open popup
    sessionStorage ? sessionStorage['visited'] = 'yes' : $.cookie('visited', 'yes');
}

事实上，将其抽象为它自己的函数可能会更好:

function storage(key, value) {
    if (!value) {
        // getter
        return window.sessionStorage ? window.sessionStorage[key] : $.cookie(key);
    } 
    else { 
        // setter
        window.sessionStorage ? window.sessionStorage[key] = value : $.cookie(key, value);
    }
}