Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >JS Cookie存取值 和 域(domain)

JS Cookie存取值 和 域(domain)

作者头像
White feathe
发布于 2021-12-08 06:20:26
发布于 2021-12-08 06:20:26
5.4K00
代码可运行
举报
运行总次数:0
代码可运行

JS Cookie存取值 和域(domain)

代码附上:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <script type="text/javascript">
    //Cookie取值
    function readCookie (name)
    {
        var cookieValue = "";
        var search = name + "=";
        if (document.cookie.length > 0)
        {
            offset = document.cookie.indexOf (search);
            if (offset != -1)
            {
                offset += search.length;
                end = document.cookie.indexOf (";", offset);
                if (end == -1)
                    end = document.cookie.length;
                cookieValue = unescape (document.cookie.substring (offset, end))
            }
        }
        return cookieValue;
    }
    //Cookie设置值
    function writeCookie (name, value, hours)
    {
        var expire = "";
        if (hours != null)
        {
            expire = new Date ((new Date ()).getTime () + hours * 3600000);
            expire = "; expires=" + expire.toGMTString ();
        }
        document.cookie = name + "=" + escape (value) + expire;
    }
    //调用设置
    writeCookie ("myCookie", "my name", 24);
    //调用取值
    alert (readCookie ("myCookie"));
</script>

JS 中Cookie的路径(path)和域(domain)

cookie虽然是由一个网页所创建,但并不只是创建cookie的网页才能读 取该cookie。

在默认情况下,与创建cookie的网页在同一目录或子目录下的所有网页都可以读取该cookie。

1、如果在这个目录下还有子目录,要 使在子目录中也可以访问,则需要使用path参数设置cookie,语法如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.cookie="name=value; path=cookieDir";

2、如果要使cookie在整个网站下可用,可以将cookieDir指定为根目录,示例如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.cookie="userId=320; path=/";

    上面所说都指的是在同一个目录中的访问,可是要想在不同虚拟目录中访问则要另外想办法来解决这个问题。

    但是path不能解决在不同域中访问cookie的 问题。

    在默认情况下,只有和设置cookie的网页在同一个Web服务器的网页才能访问该网页创建的cookie。

    但可以通过domain参数来实现对其 的控制,其语法格式如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.cookie="name=value; domain=cookieDomain";

具体代码如下,直接运行即可:

(1)设置路径:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<html>
    <head>
        <title>设置cookie的路径</title>
        <script>

           new Date().setDate(now.getDate()+1);
           var cookies="userName="+escape("哈哈")+";expires="+now.toString()+";path=/";
           document.cookie=cookies;
           document.write("cookie文件中的内容为:<br>",unescape(document.cookie));

        </script>

    </head>
    <body></body>
</html>

(2)设置域:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<html>
    <head>
        <title>设置cookie的路径</title>
        <scrip>
           new Date().setDate(now.getDate()+1);
           var cookies="userName="+escape("哈哈")+";expires="+now.toString()+";path=/;                domain=.baidu.com";
           document.cookie=cookies;
           document.write("cookie文件中的内容为:<br>",unescape(document.cookie));
        </script>
    </head>
    <body></body>
</html>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/03/17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Jquery基础(六) js方法清空cookie的各种方法
1,要清空浏览器的所有cookies, 2,要清空某网站的cookies,  //csdn.net的所有cookies
Java架构师必看
2021/05/31
8.3K0
js cookie的操作
function setCookie(name, value, path, domain, secure,expire) {//{{{ //expireµ¥Î»ÊÇÃë if(!expire) { expire = expire*24*60*60;//365Ìì } var Days = 365; //cookie ½«±»±£´æ 365 Ìì var exp = ne
joshua317
2018/04/16
5.6K0
cookie方法封装及cookie缺点分析
1 var CookieUtil = { 2 get: function(name) { 3 var cookieName = encodeURIComponent(name) + "=", 4 cookieStart = document.cookie.indexOf(cookieName), 5 cookieValue = null; 6 if(cookieStart > -1) { 7 var cookieEnd = document.cookie.index
用户1741436
2018/05/16
9260
JS 如何创建、读取和删除cookie
Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如,当用户访问咱们的站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可以检索以前保存的信息。
前端小智@大迁世界
2019/09/03
14.4K0
JS 如何创建、读取和删除cookie
jquery.cookie中的操作
jQuery cookie是个很好的方便操作cookie。首先新建一个js文件。代码如下:
DougWang
2020/02/18
9400
JavaScript操作Cookie
在Web开发中,我们经常使用Cookie保存一些不是非常敏高的数据。比如“下次自动登录”,“广告显示”等功能。定义是:某些网站为了辨别用户身份而存储在用户本地终端(主要是浏览器)上的数据。定义域RFC2109。 Cookie总是保存在客户端中,可分为Cookie和硬盘Cookie。内存Cookie保存在内存中,浏览器关闭之后就消失了。硬盘Cookie保存在硬盘里面,有过期时间,除非用户手动清理或者其他网页脚本处理,或者到了Cookie的过期时间。 Cookie的发明目的,因为HTTP协议是无状态的,服务器不
八哥
2018/01/18
8090
# 公众号网页开发经验总结
微信内网页不可使用 local/sessionStorage 储存,因为它只是一个 webview 组件,并不是一个浏览器。 但是我们可以使用 cookie 储存的方式
九旬
2023/10/17
3430
JavaScript中的document.cookie的使用
我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。
全栈程序员站长
2022/09/18
1.1K0
来一波js最简化高效封装Cookie
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120032703
马克社区
2022/07/12
3150
WordPress记住评论用户信息的js版本,直接操作cookie无视缓存
这两天一直在折腾博客的评论功能,原因是开启了百度云加速的 html 缓存,导致原有的记住评论者信息的功能失效了,每次刷新文章页面,用户信息都会清空。 于是就折腾了前几天的《博客文章重新启用评论,附一键填写评论中用户信息代码生成工具》一文,弄得好像是那么一回事。但是,还是没有从根本上解决问题啊! 昨天,接到博友黄启福的建议:通过 js 来操作 cookies,让浏览器记住用户信息即可。看了下 W3chool 资料,感觉是可行的,于是上午开始折腾 js 代码,并成功搞定了这个功能!再次感谢黄启福朋友的建议! 下
张戈
2018/03/23
1.8K0
javascript操作cookie
在一些系统当中,需要用户去登录,等用户登录后,在这个系统的其他页面也需要能得知是哪个用户登录的,这时就需要向cookie里填入用户的信息,以方便在其他页面获取。下面来看一下代码
OECOM
2020/07/01
4910
分享一个页面访问计数的js代码给大家
代码: <script type="text/javascript"> var caution=false function setCookie(name,value,expires,path,dom
小小鱼儿小小林
2020/06/23
1.5K0
html清空所有cookie,document.cookie使用详解
cookie是存于用户硬盘上的一个文件,对应一个域名,当浏览器再次访问这个域名时,便使用这个cookie。
全栈程序员站长
2022/09/15
2.8K0
通过javaScript操作cookie
在网站建设过程中,用户通过登录页面登录,然后跳转到其他页面,此时服务器需要在其他页面知道是谁的操作,需要提供用户名和密码。这时,就需要用到cookie了,下面我来说一下通过js来操作cookie的方法。
OECOM
2020/07/02
5130
一天只弹出1次的公告代码
<html> <head> <title>温馨提醒</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <script> var alertmessage="你是猪,哈哈哈" var once_per_session=1 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } } function loadalert(){ alert(alertmessage) } if (once_per_session==0) loadalert() else alertornot() </script> </body> </html>
小小鱼儿小小林
2020/06/23
9260
JS-Cookie操作
Cookie,有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息。
流眸
2021/04/08
7.1K0
【Go 语言社区】Go语言 Cookie的使用
首先看看Cookie的结构体 type Cookie struct { Name string Value string Path string // optional Domain string // optional Expires time.Time // optional RawExpires string // for reading cookies only // MaxAge=0 means no 'Max-Age' attribute specified. // MaxAge<0 mea
李海彬
2018/03/20
7170
判断第一次加载
<html> <head> <title>Hello World</title> <meta charset="utf-8"> <script languang="javascript"> function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length
牛老师讲GIS
2018/10/23
5620
jquery 换肤
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <link href="css/default.css" rel="stylesheet" type="text/css" /> <link href="css/skin_0.css" rel="stylesheet" type="text/css" id="cssfile" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> <script src="js/jquery.cookie.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
用户5760343
2019/10/10
6100
jquery 换肤
原生js cookie本地存储
cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。 如果没写expires,那么下次打开网页,cookie就会消失,这个就是会话机制 2、格式
红目香薰
2022/11/29
6.1K0
相关推荐
Jquery基础(六) js方法清空cookie的各种方法
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验