如何在 Javascript 中设置 cookie 的到期日期

How to set a cookie's expiration date in Javascript

本文关键字：日期 cookie 设置 Javascript      更新时间：2023-09-26

我正在尝试制作一个在特定日期到期的cookie。在w3schools上，他们说使用设置它 

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>

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

您用于设置 cookie 的方法是正确的，但在开始时不会显示值，因为没有 cookie。请记住，您只能访问您的网站设置的cookie，因此一开始没有任何cookie。您可以添加一个测试 cookie 以查看您的代码是否像以下示例中一样工作，它还显示了当您按照要求更改选择时如何更新 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>
相关文章：