为什么在页面刷新后缺少cookie

时间:2012-03-02 11:29:18

标签: javascript javascript-events

当用户在文本框中输入值时设置cookie。

但是,页面刷新后cookie丢失了。

以下是我的代码,任何人都可以帮助我吗?非常感谢!

<script type="text/javascript">
    function getCookie(c_name)
    {
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
      {
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
      x=x.replace(/^\s+|\s+$/g,"");
      if (x==c_name)
        {
        return unescape(y);
        }
      }
    }

    function setCookie(c_name,value,exdays)
    {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
    }

    function checkCookie()
    {
    var emailVal=getCookie("email");
    if (emailVal!=null && emailVal!="")
      {
      document.getElementById('emailBox').value =emailVal;
      }
    else 
      {
        var eVal = document.getElementById('emailBox').value;

        setCookie("email",eVal,365);

      }
    }
    </script>

    <body>
    <form>

    <input type="text" id="emailBox" name="email" onchange="checkCookie()"/>

    </form>
    </body>

1 个答案:

答案 0 :(得分:1)

这里适合我 - &gt; http://jsfiddle.net/RAZZg/1/

我认为唯一可能错误的是JavaScript代码的放置...尝试将其置于<body>代码中或添加<head>代码:

<head>
// your code here
</head>
<body onload="checkCookie()">
</body>

更新:将onload属性添加到body标签以检查页面加载时的Cookie