JS Cookies的设立读取删除

JS Cookies的设置读取删除

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
//设置cookies 
function setCookie(name,value){ 
    var Days = 30; 
    var exp = new Date(); 
    exp.setTime(exp.getTime() + Days*24*60*60*1000); 
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 
}

//读取cookies 
function getCookie(name){ 
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr[2]); 
    else 
        return null; 
} 

//删除cookies 
function delCookie(name){ 
    var exp = new Date(); 
    exp.setTime(exp.getTime() - 1); 
    var cval=getCookie(name); 
    if(cval!=null) 
        document.cookie= name + "="+cval+";expires="+exp.toGMTString(); 
} 
//使用示例 
setCookie("website","onestopweb.iteye.com"); 
alert(getCookie("website")); 
//delCookie("website");
</script>
</body>
</html>

效果图：
JS Cookies的设立读取删除

封装上面的方法：

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
var cookie = {
    set:function(name,value){
    	var Days = 30; 
        var exp = new Date(); 
        exp.setTime(exp.getTime() + Days*24*60*60*1000); 
        document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 
    },
    get:function(name){
    	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg))
            return unescape(arr[2]); 
        else 
            return null; 
    },
	delete:function(name){
		var exp = new Date(); 
	    exp.setTime(exp.getTime() - 1); 
	    var cval=cookie.get(name);
	    if(cval!=null){
	    	document.cookie= name + "="+cval+";expires="+exp.toGMTString();
	    }  
    }
}
cookie.set("user","chaoyi2");//设置为24天过期
alert(cookie.get("user"));//获取cookie
//cookie.delete("user");
</script>
</body>
</html>

1 楼 cs6641468 2017-10-10

在HttpOnly cookie标配的今天，知道js能操作cookie就行，千万不要记住怎么用，更不要使用。

2 楼 onestopweb 2017-10-10

cs6641468 写道

在HttpOnly cookie标配的今天，知道js能操作cookie就行，千万不要记住怎么用，更不要使用。

那么用什么操作Cookie呢，如何让Cookie更安全

3 楼 cs6641468 2017-10-10

onestopweb 写道

cs6641468 写道

在HttpOnly cookie标配的今天，知道js能操作cookie就行，千万不要记住怎么用，更不要使用。

那么用什么操作Cookie呢，如何让Cookie更安全

后台获取/操作cookie就行了，千万不要在前端用javascript操作cookie, 如果你发现什么case非得用，那么说明设计很可能就有问题。

4 楼 onestopweb 2017-10-13

cs6641468 写道

onestopweb 写道

cs6641468 写道

在HttpOnly cookie标配的今天，知道js能操作cookie就行，千万不要记住怎么用，更不要使用。

那么用什么操作Cookie呢，如何让Cookie更安全

后台获取/操作cookie就行了，千万不要在前端用javascript操作cookie, 如果你发现什么case非得用，那么说明设计很可能就有问题。

好的，谢谢了

JS Cookies的设立 读取 删除

相关推荐

JS Cookies的设立读取删除