为年龄免责声明放置 jquery cookie答案

【问题标题】：Place jquery cookie for age disclaimer为年龄免责声明放置 jquery cookie
【发布时间】：2017-06-28 09:51:01
【问题描述】：

我已经下载了 jquery cookie。当用户同意他们超过 21 岁时，我想放置一个 cookie，这样下次他们访问该站点时它不会询问，直到它过期。将不胜感激任何有关代码的帮助，因为我没有使用 cookie 的经验，现在是时候为我的网站编写代码谋生了.. smh。提前谢谢你。

<div id="dialog" title="Must Be 21 Years Old to Enter">Are you 21 years old?</div>


<script>  
$( "#dialog" ).dialog ({ 
            autoOpen: true,
            width: 410
});

$("#dialog").dialog ({
    dialogClass: "no-close",
  buttons: {
    'Yes, I am 21 years old!': function() {
     /*cookie code here!!!*/
       $("#dialog").dialog("close");
    },
    'No, I am not 21 years old.': function() {
        window.location.href = "http://www.google.com",
        $("#dialog").dialog("close");
    }
  }
});
</script>

【问题讨论】：

标签： javascript jquery cookies

【解决方案1】：

您不需要 jQuery 来设置 cookie，因为 DOM API 提供了自己的方法来做到这一点。

document.cookie="newCookie=value";

在你的情况下，

$("#dialog").dialog ({
dialogClass: "no-close",
buttons: {
    'Yes, I am 21 years old!': function() {
       document.cookies = "ageConfirm=true";
       $("#dialog").dialog("close");
    },
    'No, I am not 21 years old.': function() {
        document.cookies = "ageConfirm=";
        window.location.href = "http://www.google.com",
        $("#dialog").dialog("close");
    }
  }
});

您也可以使用js-cookie.js，这是一个轻量级的 JS 插件，用于所有的 cookie 操作。

【讨论】：

实际上，document.cookie 是 DOM API 的一部分。它不是 JavaScript 的一部分。
@ScottMarcus 我的错误。谢谢！
哈哈哈我是个白痴。我的意思是我下载了 java 脚本 cookie 而不是 jquery ：/... 非常感谢，我将使用 DOM API。这看起来很容易实现。
@Edge 乐于助人！
默认情况下 cookie 的过期时间是多久？也许您也可以向我展示设置到期日期的语法？谢谢！

【解决方案2】：

只需使用 document.cookie = "ageConfirm=1";

要检查您的 cookie 是否已设置，您可以使用谷歌开发者工具中的应用程序 > 存储选项卡。 http://prntscr.com/foz7lh

您可以在这里阅读更多内容：https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

【讨论】：

非常感谢您，先生！我喜欢好的参考。有时很难在坏人的海洋中找到。