基础知识

cookie设置

参数说明： 

name cookie 名称，key值 

value 可选，cookie 值 

expire 可选，过期时间，时间戳格式 

path 可选，服务器端有效路径，/ 表示整个域名有效，默认为当前设置 cookie 时页面的路径 

domain 可选，该 cookie 有效的域名 

secure 可选。规定是否通过安全的 HTTPS 连接来传输 cookie。

代码的封装

// +----------------------------------------------------------------------
// | lidequan [ I CAN DO IT JUST WORK HARD ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016 http://www.findme.wang All rights reserved.
// +----------------------------------------------------------------------
// | Author: lidequan <dequanLi_edu@126.com> 
// +----------------------------------------------------------------------
(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'));

若您感觉本站文章不错，读后有收获，不妨赞助一下？

您还可以分享给朋友哦