这是掌握cookie最后的一个障碍:
缺省情况下cookie只能被在
同一个Web服务器上同一个路径下设置了该cookie的网页读取.
例如,如果在http://chimp.webmonkey.com/food/bananas/banana_puree.htm有一段Javascript询问了用户的姓名,你可能需要在你的另一个网页例如主页中访问一个给定的名字.
所以你必须设定该cookie的路径.
路径"path"用于设置可以读取一个cookie的最顶层的目录.
将cookie的路径设置为你的网页最顶层的目录可
以让该该目录下的所有网页都能访问该cookie.
方法:在你的cookie中加入path=/; 如果你只想让"food" 目录中的网页可以使用该cookie,则你加入path=/food;.还有一点:
有些网站有许多小的域名,例如网猴可能还在"chimp.webmonkey.com," "gorilla.webmonkey.com," 和
"ape.webmonkey.com." 域名下有网页.
缺省情况下只有"chimp.webmonkey.com" 域下的网页可以读取该cookie.如果你向让"webmonkey.com"下的所有机器都可以读取该cookie,我们必须在cookie中加入 "domain=webmonkey.com" .
要将一个cookie设置在
"http://chimp.webmonkey.com/food/bananas/banana_puree.htm"
并且让所有网猴的网页都可以利用它,我们可以这样:
var the_name = prompt("What's your name?","");
var the_cookie ="cookie_puss=" + escape(the_name) + ";" ;
var the_cookie = the_cookie+ "path=/;";
var the_cookie = the_cookie + "domain=webmonkey.com;";
document.cookie =the_cookie;
}
现在我们已经学习完了cookie的内容.希望你能够多加练习。
====================================================
cookie虽然是由一个网页所创建,但并不只是创建cookie的网页才能读取该cookie。在默认情况下,与创建cookie的网页在同一目录或子目录下的所有网页都可以读取该cookie。
但如果在这个目录下还有子目录,要使在子目录中也可以访问,则需要使用path参数设置cookie,语法如下:
document.cookie="name=value; path=cookieDir";
如果要使cookie在整个网站下可用,可以将cookieDir指定为根目录,示例如下:
document.cookie="userId=320; path=/";
上面所说都指的是在同一个目录中的访问,可是要想在不同虚拟目录中访问则要另外想办法来解决这个问题。但是path不能解决在不同域中访问cookie的问题。
在默认情况下,只有和设置cookie的网页在同一个Web服务器的网页才能访问该网页创建的cookie。
但可以通过domain参数来实现对其的控制,其语法格式如下:
document.cookie="name=value; domain=cookieDomain";
如下面这段代码,就演示了怎样设置cookie路径和域。
function setCookie() //自定义函数
{
var the_name = prompt("请输入要设的cookie的值,""); //一个信息框
var the_cookie ="cookie_puss=" + escape(the_name) + ";" ; //编写cookie的键与值
var the_cookie = the_cookie+ "path=/;"; //设置cookie的路径
var the_cookie = the_cookie + "domain=localhost;"; //设置cookie的域
document.cookie =the_cookie; //将这些信息写入cookie变量中去
alert("设置成功!") //最后提示用户设置成功
}
setCookie(); //调用函数
</script>
注意:在使用时一定要注意路径的设置方法,若路径信息有误将无法访问。
相关推荐
前端Cookie工具,获取Cookie数据,获取Cookie数据key名称,清除站点所有Cookie数据
前端项目-js-cookie,用于处理cookie的简单、轻量级的javascript API
前端项目-cookie-banner,基于javascript的cookie信息横幅,用于遵守欧盟cookie法律。
jquery通过cookie和localStorage实现前端数据交互源码
前端开源库-tiny-cookie小cookie,一个小cookie操作插件
前端js读写删cookie
上章:主要介绍一下背景和Cookie。 博客链接:https://blog.csdn.net/qq_41895003/article/details/130448214 最通俗的关于Cookie, Session,Token和JWT的相关笔记和理解。在上章笔记中主要介绍一下背景和Cookie。...
前端开源库-universal-cookie-koa通用cookie koa,hook cookie get/set on koa for server rendering
如下是简单cookie操作,当前仅限前端实例,具体内容如下 要注意的有两点: 1、cookie内容存贮的名称 2、删除cookie是通过设置过期为过去时间实现的 <body> <button @click=clearCookie()> 清除...
前端开源库-cookie-clientcookie客户端,传出请求的基本cookie处理
Extjs 关于cookie 实现实时存储 数据存储的操作, 将数据存放cookie中,防止断电
千锋Web前端教程_76_cookie基础操作
千锋Web前端教程_77_cookie基础应用
s操作cookie 读取 存取 删除 调用
前端项目-angular-cookie,angular module for accessing browser coockies
纯手写前端静态商城, cookie保存购物车数据
主要介绍了利用js-cookie实现前端设置缓存数据定时失效,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
前端项目-angular-translate-storage-cookie,烹饪店的抽象层。当告诉Angular Translate使用CookieStore作为存储时使用此服务。
jquery 设置cookie、删除cookie、获取cookie
【cookie_session_localstorage_sessionstorage】【前端】web中的k-v存储们有什么区别