<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=/";
}