使用Cookie的JavaScript显示/隐藏框

Question

您好，我的JavaScript有一个小问题。

  $(document).ready(function() { var status = getCookie(); if (status > 0) { setCookie(1); document.getElementById('cookiemenu_dropdown').style.display = "block"; } else { setCookie(0); document.getElementById('cookiemenu_dropdown').style.display = "none"; } }); //----------------------------------------------------- function getCookie() { var cookies = document.cookie.split(';'); var FirstCookie = cookies[0]; var FirstValue = FirstCookie.split('=')[1]; return FirstValue; } //----------------------------------------------------- function setCookie(value) { var expires = new Date(); expires.setMonth(expires.getYear() + 1); document.cookie = 'divStav' + '=' + value + ';EXPIRES=' + expires.toGMTString(); } //----------------------------------------------------- function ShowHideCookieBox() { var display = document.getElementById('cookiemenu_dropdown').style.display; if (display == "block") { document.getElementById('cookiemenu_dropdown').style.display = "none"; setCookie(0); } else { document.getElementById('cookiemenu_dropdown').style.display = "block"; setCookie(1); } } 

 <div id='cookiemenu'> <div class='cookiemenu_header' onclick='ShowHideCookieBox()'> <img src='./img/triangle.png' />Letní akce! <img src='./img/triangle.png' /> </div> <div id="cookiemenu_dropdown" class='cookiemenu_content'> <span class='date'>Lorem</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis magna sed scelerisque hendrerit. Curabitur non quam bibendum, eleifend lorem et, bibendum turpis. Aliquam finibus velit ac lorem consectetur hendrerit. Integer viverra risus vitae sapien </div> </div> 

脚本应该像这样工作：

当我第一次访问我的网页时，该框是隐藏的（默认情况下）。 当我单击标题时，将显示该框，并且在cookie中设置了值1（我的网站上只有一个cookie）。 当我再次访问时，应打开该框（从cookie JavaScript中获取值1，并且当该值为1时，将设置display:block ）。

有问题。 单击并显示/隐藏可以正常工作。 第一次访问页面时，该框是隐藏的（也可以）。 但是cookie不能保存。 然后我打开框并按F5键，重新加载页面后框被隐藏。

有人可以帮我吗？

Answer 1

对我来说很好。 您是否包含jQuery？ 如果您想使用纯JavaScript方式进行操作，则可以更改现成的功能，例如：

window.onload = function() {
      var status = getCookie();
      if (status > 0) {
        setCookie(1);
        document.getElementById('cookiemenu_dropdown').style.display = "block";
      } else {
        setCookie(0);
        document.getElementById('cookiemenu_dropdown').style.display = "none";
      }
    };

Answer 2

您获得了年份并将其设置为月，因此您违反了到期日期：

expires.setMonth(expires.getYear() + 1);

尝试使用setYear而不是setMonth 。