JS中对Cookie的操作详解

327 阅读 0 评论 216 点赞

我是靠谱客的博主平淡大侠，最近开发中收集的这篇文章主要介绍JS中对Cookie的操作详解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

前言

cookie设置

参数说明：
name cookie 名称，key值
value 可选，cookie 值
expire 可选，过期时间，时间戳格式
path 可选，服务器端有效路径，/ 表示整个域名有效，默认为当前设置 cookie 时页面的路径
domain 可选，该 cookie 有效的域名
secure 可选。规定是否通过安全的 HTTPS 连接来传输 cookie。

代码的封装

(function(){
 var cookieObj={
   'add':function(name, value, hours){ //修改或是添加cookie
    var expire = "";
    if(hours != null){
     expire = new Date((new Date()).getTime() + hours * 3600000);
     expire = "; expires=" + expire.toGMTString();
    }    
    document.cookie = name + "=" + escape(value) + expire + ";path=/";
    //如果指定域名可以使用如下
    //document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
   },
   'get':function(c_name){//读取cookie
    if (document.cookie.length>0){
      c_start=document.cookie.indexOf(c_name + "=")
      if (c_start!=-1){ 
      c_start=c_start + c_name.length+1 
      c_end=document.cookie.indexOf(";",c_start)
      if (c_end==-1){
       c_end=document.cookie.length
      }
      return unescape(document.cookie.substring(c_start,c_end))
      } 
      }
     return "";
   }
 };
 window.cookieObj=cookieObj;
}());

调用测试

cookieObj.add('myWeb','http://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));