我正在尝试在网站上设置一个简单的隐私声明,以使他们知道使用了第三方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)