频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
JS中对Cookie的操作详解
2018-04-02 11:58:58         来源:hsd2012的专栏  
收藏   我要投稿

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','https://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));

这里写图片描述

点击复制链接 与好友分享!回本站首页
上一篇:Eclipse+Tomcat+springMVC环境搭建与jsp页面学习笔记
下一篇:jQuery选择器探究:Sizzle构造函数
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站