首页 / JAVASCRIPT / JavaScript操作cookie

JavaScript操作cookie

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript操作cookie，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1385字，纯文字阅读大概需要2分钟。

内容图文

封装js操作cookie工具对象

cookie.js文件

        (function () {
  // cookie工具对象
  var cookieUtils = {};
  // cookie数据
  var data = {};
  /**
   * 设置cookie
   * @param key cookie的名称
   * @param value cookie的值
   * @param timeOfDay cookie的有效时长（单位是天）
   */
  cookieUtils.set = function (key, value, timeOfDay) {
    var date = new Date();
    date.setTime(date.getTime() + (timeOfDay * 24 * 60 * 60 * 1000));
    document.cookie = key + "=" + value + ";expires=" + date;
    // 更新cookie数据
    updateData(data)
  };
  /**
   * 获取指定cookie的值
   * @param key cookie的名称
   * @returns String cookie的值
   */
  cookieUtils.get = function(key){
    return data[key];
  }
  /**
   * 获取所有的cookie
   * @returns Object cookie数据对象
   */
  cookieUtils.getAll=function(){
    return data;
  }
  /**
   * 移除指定的cookie
   * @param key cookie的名称
   */
  cookieUtils.del = function (key) {
    this.set(key, '', -1);
    updateData(data);
  }
  /**
   * 更新cookie数据对象
   * @param  obj 
   */
  function updateData(obj) {
    var cookieStr = document.cookie.replace(/\s/g,"");
    if (cookieStr.length != 0) {
      var cookies = cookieStr.split(";");
      cookies.forEach(function (element) {
        var arr = element.split("=");
        obj[arr[0]] = arr[1];
      });
    }
  }
  updateData(data);
  window.cookieUtils = cookieUtils;
 })();

测试

          <script>
    // 设置cookie
    cookieUtils.set("uname","admin");
    // 读取
    var v  = cookieUtils.get('uname');
    console.log(v);
    // 移除
    cookieUtils.del("uname");
    console.log(document.cookie);
  </script>

原文：https://www.cnblogs.com/lpl666/p/12203123.html

内容总结

以上是互联网集市为您收集整理的JavaScript操作cookie全部内容，希望文章能够帮你解决JavaScript操作cookie所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1176681.html

来源：【匿名】