zoukankan      html  css  js  c++  java
  • JavaScript操作cookie

    封装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) {
          var date = new Date();
          date.setTime(0);
          document.cookie = key + "=" + value + ";expires=" + date;
          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>
    
  • 相关阅读:
    “人工智能”前景:只有人工,没有智能
    google scholar vs baidu scholar-what is your problem
    springSecurity使用
    springMVC中的HttpSession与Model
    mybatis关于Criteria的一点小坑。。。
    MyBatis的Mapper接口以及Example的实例函数及详解
    被springSecurity坑哭的一天
    Mybatis-Generator
    Redis五种数据类型应用场景
    springboot_自动配置原理
  • 原文地址:https://www.cnblogs.com/lpl666/p/12203123.html
Copyright © 2011-2022 走看看