如何设置cookie'；Javascript中的过期日期_Javascript_Cookies_Expired Cookies

如何设置cookie'；Javascript中的过期日期

javascript cookies

如何设置cookie'；Javascript中的过期日期,javascript,cookies,expired-cookies,Javascript,Cookies,Expired Cookies,我正在尝试制作一个在特定日期过期的cookie。在学校里，他们说用 document.cookie="mediaType=Video; expires=Fri, 13 Mar 2015 12:00:00 UTC"; 然而，在我的代码中，它似乎不起作用。我做错了什么 <script> var mediaType = "image"; function checkCookies(){ document.getElementById("div").

我正在尝试制作一个在特定日期过期的cookie。在学校里，他们说用

document.cookie="mediaType=Video; expires=Fri, 13 Mar 2015 12:00:00 UTC";

然而，在我的代码中，它似乎不起作用。我做错了什么

<script>
    var mediaType = "image";
    function checkCookies(){
            document.getElementById("div").innerHTML = document.cookie;
    }
    function getType() {
        document.cookie="mediaType=Video; expires=Fri, 13 Mar 2015 12:00:00 UTC";
        document.getElementById("div").innerHTML = document.cookie
    }
</script>

<body onload="checkCookies()">
    <select onChange="mediaType = this.value">
      <option value="image">Image</option>
      <option value="link">Link</option>
      <option value="text">Text</option>
    </select>
</body>

<div id="div" onclick="getType()"> hi</div>


var mediaType=“image”；
函数checkCookies（）{
document.getElementById（“div”）.innerHTML=document.cookie；
}
函数getType（）{
document.cookie=“mediaType=Video；expires=Fri，2015年3月13日12:00:00 UTC”；
document.getElementById（“div”）.innerHTML=document.cookie
}
形象
链接
正文
你好

有没有办法将cookie设置为变量的值？

设置cookie的方法是正确的，但在开始时，由于没有cookie，因此没有显示值。请记住，您只能访问站点设置的cookies，因此在开始时没有cookies。您可以添加一个测试cookie，以查看您的代码是否像下面的示例中那样工作，它还显示了当您要求更改select时如何更新cookie的值：

<script>
function checkCookies(){
    document.cookie="Test=Test Cookie; expires=Fri, 13 Mar 2015 12:00:00 UTC";
    document.getElementById("div").innerHTML = document.cookie;
}
function updateCookies(val) {
    document.cookie="mediaType="+ val +"; expires=Fri, 13 Mar 2015 12:00:00 UTC";
    document.getElementById("div").innerHTML = document.cookie;
}
</script>

<body onload="checkCookies()">
  <select onChange="updateCookies(this.value)">
    <option value="image">Image</option>
    <option value="link">Link</option>
    <option value="text">Text</option>
  </select>

  <div id="div"> hi</div>

</body>


函数checkCookies（）{
document.cookie=“Test=Test cookie；expires=Fri，2015年3月13日12:00:00 UTC”；
document.getElementById（“div”）.innerHTML=document.cookie；
}
函数updateCookies（val）{
document.cookie=“mediaType=“+val+”“expires=Fri，2015年3月13日12:00:00 UTC”；
document.getElementById（“div”）.innerHTML=document.cookie；
}
形象
链接
正文
你好

您可以在此处找到问题的答案：此MDN文档将有所帮助。当我将您的代码用于

document.cookie=“Test=Test cookie；expires=Fri，2015年3月13日12:00:00 UTC”div不会显示cookie。当我取出“expires”部分并仅使用document.cookie时=“测试=测试Cookiediv将显示cookie。我如何才能让cookie显示并有一个过期日期？检索过期日期并不像检索值那样简单，因为它不存储在document.cookie属性中，请检查此问题它有一个解决技巧我不尝试检索过期日期。当我输入代码时，输出不会显示cookie名称“test”或cookie名称“mediaType”。这是我看到的屏幕截图（抱歉，我一定不清楚），您的代码在Internet Explorer和Firefox中似乎运行良好，但在Google Chrome中，当cookie有到期日期时，它不会显示“test”或“mediaType”。我该如何解决这个问题？