这是掌握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是一种非常重要的技术,用于存储用户会话信息、个性化设置等轻量级数据。本文将深入探讨如何使用JavaScript来操作Cookie,包括获取Cookie数据、获取Cookie数据的key名称以及清除站点所有Cookie...
在前端开发中,Cookie是一种非常重要的技术,它用于在客户端存储少量的数据,这些数据可以在用户与网站交互时发送回服务器。"前端项目-js-cookie.zip"是一个包含js-cookie库的压缩包,这个库提供了一个简单、轻量级...
本资源"jquery通过cookie和localStorage实现前端数据交互源码.rar"提供了一种利用jQuery库与浏览器的Cookie和localStorage进行数据存储和交换的方法。这里我们将深入探讨这两个技术以及它们在实际应用中的作用。 ...
【前端知识】Cookie, Session, Token和JWT是Web开发中用于管理用户状态和身份验证的重要概念。本篇文章主要探讨了Cookie的定义、特点、重要属性、优缺点、使用场景及其面临的问题。 1. 背景 Cookie的诞生源于HTTP...
在前端开发领域,Cookie Banner是实现用户隐私保护和符合法规要求的重要组件,特别是在欧盟地区,由于《一般数据保护条例》(GDPR)的实施,网站必须告知用户关于使用cookies的情况并征得用户同意。本项目"前端项目-...
"tiny-cookie"是一个专门针对这种情况设计的轻量级前端库,它为JavaScript提供了简单易用的Cookie操作接口。这个开源库专注于小巧、高效,使得在网页应用中管理Cookie变得异常便捷。 Cookie是一种在客户端存储少量...
"前端开源库-universal-cookie-koa"是一个专为解决这个问题而设计的库,它结合了`universal-cookie`库和`Koa`框架,以实现跨平台的cookie操作。下面将详细阐述这个库的功能、原理以及如何在实际项目中应用。 `...
前端js读写删cookie
`cookie-client`是一个专为前端设计的开源库,用于处理与Cookie相关的任务,它简化了在客户端操作Cookie的流程,使得开发者能更方便地进行请求时的Cookie管理。 Cookie是一种小型文本文件,由服务器发送到用户的...
因为这个简繁体转换js代码提供了cookie记忆功能,即点击一次简繁转换,浏览全站都是统一字体。简单解释一下,在我网站的任何一页点击了转换成繁体,以后浏览我的网站所有页面都是繁体了,不用每个页面都点击一下转...
### Extjs 中关于 Cookie 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...
在网络安全领域,Cookie是Web应用用来存储用户状态和信息的一种机制。然而,随着网络攻击手段的不断升级,Cookie的安全性也成为了关注的重点。XSS(Cross-Site Scripting,跨站脚本)攻击就是其中一种常见威胁,它...
在前端开发中,通过 JavaScript 操作 Cookie 是一种常见的需求,尤其是为了实现用户状态的持久化存储或网站配置的保存等场景。jQuery 提供了一个非常方便的方式来处理这些操作,本文将详细介绍如何利用 jQuery 和其...
本文将详细介绍如何利用js-cookie库来实现前端缓存数据的定时失效,并通过实际代码示例来帮助大家理解。 首先,我们需要明确在实现前端缓存数据定时失效时可以采用的技术方案。通常来说,有以下两种方法: 1. 使用...
前端大厂最新面试题-2020转转前端社招面经 在前端开发领域,面试题是衡量候选人技术能力和经验的重要指标。以下是前端大厂最新面试题的知识点总结: 一面 1. CSS3 动画 CSS3 动画是指使用 CSS3 来实现动画效果的...
**标题解析:**"前端项目-angular-cookie.zip" 这个标题表明我们正在处理一个与前端开发相关的项目,其中特别提到了“angular-cookie”。这暗示着这个项目是基于Angular框架的一个模块,专注于处理浏览器中的cookie...
在前端开发领域,Angular Translate是AngularJS框架中一个非常受欢迎的多语言支持库,它使得在Web应用中实现多语言切换变得简单。本项目“angular-translate-storage-cookie”是Angular Translate的一个扩展,它专注...
登入访问页面 http://localhost:8080/login 实现cookie初始化 设置超时时间为 60 秒 2. 初始化cookie之后,可以访问http://localhost:8080/index 3. http://localhost:8080/logout 注销cookie信息 /QS_001/src/...
### JavaScript 操作 Cookie 的知识点详解 #### 一、概述 在Web开发中,Cookie是一种用于存储用户信息的小型文本文件,常被用来实现用户状态跟踪的功能。通过JavaScript,我们可以非常方便地对Cookie进行读取、存取...
对一些数据进行缓存到Cookie中,可用于 浏览器端 记住我 等选择。