javascript - 如何使用 javascript 将链接设置为 1 小时的 cookie？

Question

我有以下 HTML：

   <a href="/index.html" title="Click only if you are sure of your browser">
       I'm warned, <strong>let me in anyway</strong></a>

有没有一种方法可以让我首先单击此链接，将一个名为“forceAccess”的 cookie 设置为“yes”值，该值会在 1 天后过期，然后才将我带到 index.html？我有以下功能，所以我想我只需要一种从上面调用它的方法：

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=/";
}

Answer 1

我认为您应该首先检查 cookie，然后您可以决定是否显示链接。

之前评论中的 w3schools 链接可能会有所帮助，但我也想建议您使用 jQuery，它可以帮助您以跨浏览器的方式操作 DOM。

$(document).ready(function(){
   if(getCookie("thisPersonIsSure") != true) { //getCookie is just pseudo-code
       var theLink = $("<a href=\"/index.html\" title=\"Click only if you are sure of your browser\">I'm warned, <strong>let me in anyway</strong></a>").click(function(){createCookie("thisPersonIsSure", true, 1);});          
       $(document.body).append(theLink);
   } else {
       //Go to the index.html immediately e.g. by doing this:
       window.location.href = "/index.html";
   }
});

干杯!