欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS中对Cookie的操作详解

程序员文章站 2022-05-01 15:36:31
...


前言

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'));

JS中对Cookie的操作详解

以上就是JS中对Cookie的操作详解的内容,更多相关内容请关注PHP中文网(www.php.cn)!

相关标签: javascript,Cookie