JavaScript 创建欢迎 Cookie 实例详解

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>创建一个欢迎cookie</title>
</head>
<head>
  <script>
    function setCookie(cname, cvalue, exdays) {
      var d = new Date();
      d.setTime(d.getTime() + (exdays*24*60*60*1000));
      var expires = "expires=" + d.toGMTString();
      document.cookie = cname + "=" + cvalue + ";" + expires;
      /*
      document.cookie = "username=John Doe; expires=Sun, 31 Dec 2017 12:00:00 UTC";
      通过把 cookie 名称、cookie 值和过期字符串相加，该函数就设置了 cookie。
      */
    }
    function getCookie(cname) {
      var name = cname + "=";
      var ca = document.cookie.split(';');
      for(var i = 0; i < ca.length; i++) {
        var c = ca[i].trim();
        if(c.indexOf(name) == 0) {
          return c.substring(name.length, c.length);
        }
        return "";
      }
    }
    //检查cookie是否已存在，即检查页面是否已经访问过
    function checkCookie() {
      var user = getCookie('username');
      if(user != "") {
        alert("欢迎 " + user + " 再次访问");
      }else {
        user = prompt("请输入你的名字：", "");//返回值  如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。
        if(user != "" && user != null) {
          setCookie("username", user, 30);//cookie 的名字（cname），cookie 的值（cvalue），以及知道 cookie 过期的天数（exdays）。
        }
      }
    }
  </script>
</head>
<body onload="checkCookie()">
  <!-- onload属性通常写在body标签中，一旦把页面的图像，css等文件加载完后，就立即执行一段JavaScript代码 -->
</body>
</html>

alert("欢迎 " + user + " 再次访问");

user = prompt("请输入你的名字：", "");

var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));

var expires = "expires=" + d.toGMTString();

var ca = document.cookie.split(';');

var c = ca[i].trim();

if(c.indexOf(name) == 0)

return c.substring(name.length, c.length);