使用 javascript/jquery 创建和检查 cookie 值答案

【问题标题】：Creating and Checking cookies value with javascript/jquery使用 javascript/jquery 创建和检查 cookie 值
【发布时间】：2020-01-01 06:58:03
【问题描述】：

我正在设置一个新的弹出窗口并想创建 cookie。基本功能是在 cookie 存在时将类添加到包装器中（或者如果可能，则取决于值）。这是我到目前为止得到的：

HTML：

<div id="new-popup" class="active ">
<span class="collapse-popup">X</span>
<form>
<input class="tnp-email" type="email" placeholder="Email Address" name="ne" required="">
<input class="tnp-submit" type="submit" value="Submit">
</form>
</div>

JS/JQUERY：

jQuery(document).ready(function($) {

    var popuptwo = $('#new-popup');
    var cookie = GetCookie("testbb2020");
    if(cookie == null) { }

    if(cookie === 'closed') { 
        $('#new-popup').addClass('closed-test')
    }

    if(cookie === 'subscribed') { 
        $('#new-popup').addClass('subscribed-test')
    }

    // Click on "Close"
    $('#new-popup .collapse-popup').click(function(event) {
        var date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
        document.cookie = "testbb2020=closed" + expires + "; path=/"; {
        }

    });

    // Click on "Subscribe"
    $('#new-popup input.tnp-submit').click(function(event) {
        var date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
        document.cookie = "testbb2020=subscribed" + expires + "; path=/"; {
        }

    });

});

【问题讨论】：

标签： javascript jquery cookies

【解决方案1】：

JQuery 不再为此提供活动插件。根据您的需要，有两种选择：

您可以使用 JS-Cookie 在 Javascript 中使用 cookie
您可以使用 LocalStorage 代替 cookie

LocalStorage 是更简单的方法，但如果您需要与旧版浏览器兼容，请使用 cookie。

【讨论】：