簡體   English   中英

如何在Javascript中設置Cookie的到期日期

[英]How to set a cookie's expiration date in Javascript

我正在嘗試制作一個在特定日期到期的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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM