js操作Cookie常用方法（读取、修改和删除）

在网站开发过程中，用Javascript来设置读取Cookie，既会常常用到，又可以减轻服务器负担，而有时又是必须用的，比如后台管理系统左边的菜单，就是必用Javascript操作Cookie实现。

Javascript 操作 Cookie 包括设置、读取、修改和删除，它们都没有现存的方法，需要自己写代码并封装成方法；为方便使用，以下已经分享了它们。

1、js设置Cookie

function setCookie(cookName, cookValue, expireHours){

  var CookieStr = cookName + "=" + escape(cookValue);

  //不设定过期时间，浏览器关闭时，Cookie自动消失
    if(expireHours > 0){

    var date = new Date();
      var ms = expireHours * 3600 * 1000;

    date.setTime(date.getTime() + ms);
      str += "; expires=" + date.toGMTString();
    }
    document.cookie = CookieStr;
  }

调用方法：setCookie("myCookie","menu1",2);

2、js读取Cookie

function getCookie(cookName){

  var cookieStr = document.cookie.split(";");

  for (var i = 0; i < cookieStr.length; i++){

    var val = cookieStr[i].split("=");

    if (escape(cookName) == val[0])
      return unescape(val[1]);
    }
    return null;
  }

调用方法：getCookie("myCookie");

3、js删除Cookie

function delCookie(CookName){

  var date = new Date();
    date.setTime(date.getTime() - 10000);

  var val = getCookie(cookName);
    if(val != null)
      document.cookie= cookName + "=;expires=" + date.toGMTString();
  }

调用方法：delCookie("myCookie");