这是实现cookie的正确方法吗？答案

【问题标题】：Is this the correct way to implement a cookie?这是实现cookie的正确方法吗？
【发布时间】：2019-09-01 20:46:54
【问题描述】：

我正在运行以下代码，它加载一个 div 并根据 cookie 将其隐藏，但一旦设置了 cookie 就不会再次显示它。

我不明白为什么它没有运行。

<!DOCTYPE html>
<html>

<head></head>

    <body>
    <div style="width:250px;height:250px;background-color:#000;" id="PostShare">
    </div>
    </body>

    <script language="javascript" type="text/javascript" async>
    function createPages(name,value,days) {
       var date = new Date();
       date.setTime(date.getTime()+(days*24*60*60*1000));
       var expires = date.toGMTString();
       document.cookie = name+"="+value+"; expires="+expires+"; path=/";
    }

    function readPages(name) {
        var flag = 0;
        var dcmntPages = document.cookie.split(';');
        for(var i=0;i < dcmntPages.length;i++) {
            var ck = dcmntPages[i];
            while (ck.charAt(0)==' ') {
                ck = ck.substring(1,ck.length);
            }
            if(ck) {
                cparts = ck.split('=');
                if (cparts[0] == name) flag=1;
            }              
        }     
        if(flag) { 
            return true; 
        } else {
            return false; 
        }  
    }

    function checkPages(name) {
        if (readPages(name)) {
    document.getElementById('PostShare').style.display = "none";
    document.getElementById('PostShare').style.visibility = "hidden";
        }
        else {
    document.getElementById('PostShare').style.display = "block";
    document.getElementById('PostShare').style.visibility = "visible";
        createPages(name,"cookie 4 the day",1); 
        }
    }

    checkPages("MyPages");
    </script>
    </body>

</html>

我在隐身模式上也尝试了同样的方法，但它不起作用。请帮助我了解如何使此代码工作，或者在第一次加载时为用户隐藏 div 并在当天的其余加载时显示它的代码应该是什么。

谢谢

【问题讨论】：

如果您有解决方案，请告诉我。

标签： javascript jquery css cookies session-cookies

【解决方案1】：

您的实现看起来不错。如果您在浏览器中从文件中查看页面，则不会设置 cookie。您需要将其托管在服务器上。您可以运行简单的服务器来托管您的 html 文件： - python - apache - npm

【讨论】：

我会尝试将它放在服务器上并响应
太棒了。出于安全原因，使用文件会阻止某些功能工作。请记住将您的问题标记为已解决。