文档Cookie不适用于Click事件-Javascript

时间:2018-08-23 13:48:52

标签: javascript cookies

我正在尝试在网站上设置一个简单的隐私声明,以使他们知道使用了第三方Cookie。它具有查看隐私和Cookie政策的链接,以及单击“确定”选项(如果他们很高兴并且不想查看事物的话)。

我正在尝试获取它,因此,一旦单击“确定”,当他们返回首页时,该消息就不再显示,但是我似乎无法使其正常工作?

我已经在点击处理程序中设置了document.cookie行(当他们单击“确定”时),但是消息闪烁然后立即消失而没有被点击?

Codepen:https://codepen.io/emilychews/pen/OoVKOQ

**注意在Codepen中,我已经在底部注释掉了hideCookieMessage()函数调用,如果您对此未加注释,则可以看到问题所在。

// COOKIE NOTE AND OK BUTTON
var cookieAccept = document.getElementsByClassName("click-wrapper")[0]
var cookieNotice = document.getElementsByClassName("cookie-notice")[0]

// CLICK FUNCTION
cookieAccept.addEventListener("click", function(){

    cookieNotice.style.display="none";
    document.cookie = "accepted=yes;expires=Fri, 31 Dec 9999 01:00:00 UTC;"

    return document.cookie;

}, false)

// CONTINUES TO HIDE THE COOKIE MESSAGE WHEN RETURNING TO THE HOMEPAGE
function hideCookieMessage() {
    if (document.cookie.length != 0) {
        var nameValueArray = document.cookie.split("=");

        if (nameValueArray[1] = "yes") {
            cookieNotice.style.display="none";
        } else {
            alert("cookie not found")
        }
    }
} 

hideCookieMessage();

console.log(document.cookie)

0 个答案:

没有答案