js 设置和获取cookie

<body>
	<button id="btnSet">设置cookie</button>
	<button id="btnGet">获取cookie</button>
<script>
	function setCookie(){
		var expires = new Date();
		expires.setTime(expires.getTime() + 60 * 1000);
		document.cookie = 'sex=boy; name=rose; expires=' + expires.toGMTString();
		document.cookie = 'name=rose; expires=' + expires.toGMTString();
	}
	
	function getCookie(cookieName) {
		var cookieString = document.cookie;
		console.log("cookieString:",cookieString);
		var start = cookieString.indexOf(cookieName + '=');
		// 加上等号的原因是避免在某些 Cookie 的值里有
		// 与 cookieName 一样的字符串。
		if (start == -1) // 找不到
		return null;
		start += cookieName.length + 1;
		var end = cookieString.indexOf(';', start);  //若end不等于-1则表示后面还有cookie
		if (end == -1) return unescape(cookieString.substring(start));
		return unescape(cookieString.substring(start, end));
	}	
	
	$("#btnSet").click(function(e){
		setCookie();
	});
	
	$("#btnGet").click(function(e){
		var a = getCookie("name");
		console.log(a);
	});
	
</script>	
</body>

cookie要注意一点就是,不同页面的cookie有可能因权限问题不能获取,想要整个项目的cooike都可以互相获取,要合理设置cookie的path,例如

document.cookie = "logout=yes; path=/";  

这样,相当于把cookie设置到根目录下,整个项目都可以获取 参考http://www.cnblogs.com/fsjohnhuang/archive/2011/11/22/2258999.html 该博客大牛,感谢

删除指定cookie的方法

//删除cookie函数
function delCookie(cookieName){         
    document.cookie = cookieName+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
}     

转载于:https://my.oschina.net/daladida/blog/818807

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值