`
dacoolbaby
  • 浏览: 1267542 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[转]前端看Cookie

阅读更多

这是掌握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"
并且让所有网猴的网页都可以利用它,我们可以这样:

代码
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->function setCookie(){

    
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路径和域。

代码
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->    <script lnguage="javascript">                    //JavaScript代码开始标签
    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数据

    在前端开发中,Cookie是一种非常重要的技术,用于存储用户会话信息、个性化设置等轻量级数据。本文将深入探讨如何使用JavaScript来操作Cookie,包括获取Cookie数据、获取Cookie数据的key名称以及清除站点所有Cookie...

    前端项目-js-cookie.zip

    在前端开发中,Cookie是一种非常重要的技术,它用于在客户端存储少量的数据,这些数据可以在用户与网站交互时发送回服务器。"前端项目-js-cookie.zip"是一个包含js-cookie库的压缩包,这个库提供了一个简单、轻量级...

    jquery通过cookie和localStorage实现前端数据交互源码.rar

    本资源"jquery通过cookie和localStorage实现前端数据交互源码.rar"提供了一种利用jQuery库与浏览器的Cookie和localStorage进行数据存储和交换的方法。这里我们将深入探讨这两个技术以及它们在实际应用中的作用。 ...

    前端知识Cookie, Session,Token和JWT的发展及区别(一) 上章:主要介绍一下背景和Cookie

    【前端知识】Cookie, Session, Token和JWT是Web开发中用于管理用户状态和身份验证的重要概念。本篇文章主要探讨了Cookie的定义、特点、重要属性、优缺点、使用场景及其面临的问题。 1. 背景 Cookie的诞生源于HTTP...

    前端项目-cookie-banner.zip

    在前端开发领域,Cookie Banner是实现用户隐私保护和符合法规要求的重要组件,特别是在欧盟地区,由于《一般数据保护条例》(GDPR)的实施,网站必须告知用户关于使用cookies的情况并征得用户同意。本项目"前端项目-...

    前端开源库-tiny-cookie

    "tiny-cookie"是一个专门针对这种情况设计的轻量级前端库,它为JavaScript提供了简单易用的Cookie操作接口。这个开源库专注于小巧、高效,使得在网页应用中管理Cookie变得异常便捷。 Cookie是一种在客户端存储少量...

    前端开源库-universal-cookie-koa

    "前端开源库-universal-cookie-koa"是一个专为解决这个问题而设计的库,它结合了`universal-cookie`库和`Koa`框架,以实现跨平台的cookie操作。下面将详细阐述这个库的功能、原理以及如何在实际项目中应用。 `...

    前端js读写删cookie

    前端js读写删cookie

    前端开源库-cookie-client

    `cookie-client`是一个专为前端设计的开源库,用于处理与Cookie相关的任务,它简化了在客户端操作Cookie的流程,使得开发者能更方便地进行请求时的Cookie管理。 Cookie是一种小型文本文件,由服务器发送到用户的...

    全站简繁体转换js代码(带cookie记忆)

    因为这个简繁体转换js代码提供了cookie记忆功能,即点击一次简繁转换,浏览全站都是统一字体。简单解释一下,在我网站的任何一页点击了转换成繁体,以后浏览我的网站所有页面都是繁体了,不用每个页面都点击一下转...

    Extjs 关于 cookie的操作

    ### Extjs 中关于 Cookie 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...

    cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击.zip_js设置cookie值

    在网络安全领域,Cookie是Web应用用来存储用户状态和信息的一种机制。然而,随着网络攻击手段的不断升级,Cookie的安全性也成为了关注的重点。XSS(Cross-Site Scripting,跨站脚本)攻击就是其中一种常见威胁,它...

    jquery 设置cookie、删除cookie、获取cookie

    在前端开发中,通过 JavaScript 操作 Cookie 是一种常见的需求,尤其是为了实现用户状态的持久化存储或网站配置的保存等场景。jQuery 提供了一个非常方便的方式来处理这些操作,本文将详细介绍如何利用 jQuery 和其...

    利用js-cookie实现前端设置缓存数据定时失效

    本文将详细介绍如何利用js-cookie库来实现前端缓存数据的定时失效,并通过实际代码示例来帮助大家理解。 首先,我们需要明确在实现前端缓存数据定时失效时可以采用的技术方案。通常来说,有以下两种方法: 1. 使用...

    前端大厂最新面试题-2020转转前端社招面经.docx

    前端大厂最新面试题-2020转转前端社招面经 在前端开发领域,面试题是衡量候选人技术能力和经验的重要指标。以下是前端大厂最新面试题的知识点总结: 一面 1. CSS3 动画 CSS3 动画是指使用 CSS3 来实现动画效果的...

    前端项目-angular-cookie.zip

    **标题解析:**"前端项目-angular-cookie.zip" 这个标题表明我们正在处理一个与前端开发相关的项目,其中特别提到了“angular-cookie”。这暗示着这个项目是基于Angular框架的一个模块,专注于处理浏览器中的cookie...

    前端项目-angular-translate-storage-cookie.zip

    在前端开发领域,Angular Translate是AngularJS框架中一个非常受欢迎的多语言支持库,它使得在Web应用中实现多语言切换变得简单。本项目“angular-translate-storage-cookie”是Angular Translate的一个扩展,它专注...

    springboot cookie 开发案例

    登入访问页面 http://localhost:8080/login 实现cookie初始化 设置超时时间为 60 秒 2. 初始化cookie之后,可以访问http://localhost:8080/index 3. http://localhost:8080/logout 注销cookie信息 /QS_001/src/...

    js操作cookie 读取 存取 删除 调用

    ### JavaScript 操作 Cookie 的知识点详解 #### 一、概述 在Web开发中,Cookie是一种用于存储用户信息的小型文本文件,常被用来实现用户状态跟踪的功能。通过JavaScript,我们可以非常方便地对Cookie进行读取、存取...

    前端 Cookie.js 文件

    对一些数据进行缓存到Cookie中,可用于 浏览器端 记住我 等选择。

Global site tag (gtag.js) - Google Analytics