本地html的js设置cookie总是为空,Javascript document.cookie总是空字符串

我有客户端javascript设置cookie的这个真正的奇怪问题。我正在开发一个小的1页面的演示，以使用cookies来存储一些“偏好”。请注意，我无法使用服务器端语言进行此演示或任何第三方jQuery插件。

所以我写了一个javascript对象设置一个cookie：

var cookie = {

set: function (name,value,exdays) {

var exdate = new Date();

exdate.setDate(exdate.getDate() + exdays);

var value = escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());

document.cookie=name + "=" + value;

console.log(document.cookie);

}

}

cookie.set('foo','bar',2);

console.log(document.cookie);

它只返回一个空字符串。我已经进入Chrome控制台，看看是否可以通过直接修改document.cookie来完成

> document.cookie = "foo=bar";

"foo=bar"

> document.cookie

""

如何通过客户端设置cookie？

编辑：我没有隐身模式，启用Cookie。