美文网首页
原生js设置cookie

原生js设置cookie

作者: 3seconds | 来源:发表于2018-04-02 11:35 被阅读39次
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>cookie</title>
    </head>
    <body>
    <script>
    window.onload = function() {
        // 设置
        function setCookie(key, value, day = 15) {
          var date = new Date(), 
              expires = '';
          // 设置cookie生存期
          date.setTime(date.getTime() + (day * 24 * 60 * 60 * 1000));  
          expires = date.toUTCString(); 
          document.cookie = key + '=' + value +';expires=' + expires;
        }
        // 获取
        function getCookie(key) {
          var key = key + "=", // 存储的cookie字段名
              value = ""; // cookie值
          if (document.cookie.length > 0) {
            // value的位置
            var start = document.cookie.indexOf(key),
                end = '';
            if (start!= -1) {
              start += key.length;
              end = document.cookie.indexOf(";", start);
              if (end == -1)
               end = document.cookie.length;
               // unescape() 函数可对通过 escape() 编码的字符串进行解码。
              value = unescape(document.cookie.substring(start, end))
            }
          } 
          console.log(value)
          return value;
        }
        // 调用
        setCookie('name', 'sophy', 3)
        getCookie('name');
    }
    </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:原生js设置cookie

          本文链接:https://www.haomeiwen.com/subject/pibthftx.html