美文网首页
原生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

  • Cookie使用

    介绍两种cookie的使用方法 原生cookie js-cookie插件 区别 js-cookie插件将原生coo...

  • js cookie

    js设置cookie js获取cookie //使用方式: 给cookie设置终止日期 例如:如果要将cookie...

  • js设置cookie的简单方法

    一,js设置cookie的用处 php可以设置cookie的,用js来设置cookie有什么好处呢?在前端进行操作...

  • 获取返回URL

    Java设置Cookie Java获取Cookie Js获取Cookie Java方法调用 Js方法调用

  • js操作cookie

    JS操作cookie Jquery操作cookie 设置cookie 获取cookie 删除cookie 附件 j...

  • 2019-08-15 node各种小知识

    1.原生接收和设置cookie 2.原生实现session

  • js cookie

    设置cookie 获取cookie的值 设置过期时间 删除一个cookie 参考 js中cookie的使用详细分析...

  • vue之vue-cookies

    npm链接 安装 使用(main.js) API 设置 cookie: 获取cookie 删除 cookie 查看...

  • Jquery Cookie

    cookie相当于浏览器缓存,存储在浏览器的一小段文本,作用域是整个浏览器原生js设置cookie相当麻烦。 Jq...

网友评论

      本文标题:原生js设置cookie

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