JS 无法清除Cookie以及2个页面出现相同key,值不一样的解决方法

 今天遇到一个cookie的问题： 域为http://xxx.com/index.htm与http://xxx.com/xxx/a-1.htm 的 cookie相同键，传递参数后出现不同值。搞了半天终于发现问题所在：原来是我关于cookie的基础知识没搞清楚 。。。。

    Cookie不仅仅有名字和值两个属性，还有域（domain），过期时间（expires），路径（path）等属性。 其中，不同的域、不同的路径下可以存在同样名字的cookie。

下面是我到网上找的设置Cookie的方法,

function addCookie(objName,objValue,objHours){//添加cookie
var str = objName + "=" + escape(objValue);
if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失
var date = new Date();
var ms = objHours*3600*1000;
date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
str += "; path=/";//红色标记必须加上(之前漏写就出现了问题)
document.cookie = str;
//alert("添加cookie成功");
}

function getCookie(objName){//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == objName) return unescape(temp[1]);
}
}

function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = name + "=a; expires=" + date.toGMTString()+ "; path=/";
}

function allCookie(){//读取所有保存的cookie字符串
var str = document.cookie;
if(str == ""){
str = "没有保存任何cookie";
}
alert(str);
}

 一般我们设置cookie的方法是用一个同样名字、一个值。 这时就一定要搞清楚你要设置的cookie的域和路径。 否则产生的效果可能会出现我说的那种情况

最后总结一下：设置Cookie的代码中要加 路径（path）， "; path=/"(代码红色标记);