JavaScript cookie

最新推荐文章于 2023-03-01 11:17:19 发布

qingemengyue

最新推荐文章于 2023-03-01 11:17:19 发布

阅读量196

点赞数

分类专栏： javascript 文章标签： javascript cookie

本文链接：https://blog.csdn.net/qingemengyue/article/details/75890223

版权

javascript 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

1. cookie
Cookie是浏览器提供给客户端的用来存储少量数据的一种机制。JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie。当发生页面跳转或者页面关闭的时候，变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值。
2.属性
浏览器的cookie对象可以看做一个key-value的关联数组.有name和value两个必填属性,还有4个可选属性,分别是生存期,可见性,安全性。

　　(1)生存期(expires).默认情况下cookie存储的值只在浏览器会话期间存在,当用户关闭浏览器,这些值就被销毁,如果要让cookie存在的时间超过会话期间,可以通过expires指定一个长久的失效日期,只要在这日期之前,cookie就是存在的。

　　(2)可见路径(path).指定了和cookie关联一起的网页,只有在设置的路径下才能访问到cookie,如果想让某个服务器域的任何网页都能访问这个cookie,可以将他的path设置成”/”。

　　(3)可见域(domain).同大多数浏览器持久化对象一样,cookie因为安全因素遵循”同源策略”,因此在某个服务器域上创建的cookie只有在本域才能访问.默认情况下domain的值就是创建cookie所在服务器的主机名,在domain设置成子域可以限制cookie只有在子域下才能访问,但浏览器不允许将cookie设置成服务器所在域之外的域。

　　(4)安全性(secure).是一个布尔值,指定了网络cookie的传输方式,默认的secure值为false,意味着可以通过普通的,不安全的http连接传输.但如果设置为true,那么cookie将只在浏览器通过Https或其他的安全协议才被传输。

3.Cookie的基本形式结构

document.cookie="name=value;expire=date;path=path;domain=domain;secure=boolean";

4.escape()

escape() 方法：Cookie 的值的要求是“只能用可以用在 URL 编码中的字符”。“escape()”方法是把字符串按 URL 编码方法来编码的，用“unescape()”来处理从 Cookie 接收过来的值。这两个方法的最常用途就是处理 Cookies。其实设定一个 Cookie 只是“document.cookie = ‘cookieName=cookieValue’”这么简单，但是为了避免在 cookieValue 中出现 URL 里不准出现的字符，还是用一个 escape() 好。

5.注意
cookies 本身的使用是有限制的，在用户的计算机上，每个服务器或域只能保存最多20个cookies，而每个浏览器的cookies总数不能超过300，cookies的最大尺寸的4k，因此不能像使用变量一样，随意的创建cookies。考虑到cookies的限制，最有效的方法是将所有需要保存到cookies中的值链接为一个字串（使用分隔符分隔），然后把这个字串赋值给一个cookies。这样，只需要创建一个cookies，就能保存若干的信息了。读取时，按照分隔符的组合规则进行信息的提取和还原。

document.cookie =escape("user=Tom;city=nanjing;zip=21000");
alert("cookies的值："+unescape(document.cookie));

6.实例

<html>
<head>
<script type="text/javascript">
function getCookie(c_name){
    if (document.cookie.length>0){ 
        c_start=document.cookie.indexOf(c_name + "=")
        if (c_start!=-1){ 
            c_start=c_start + c_name.length+1 
            c_end=document.cookie.indexOf(";",c_start)
            if (c_end==-1) c_end=document.cookie.length
            return unescape(document.cookie.substring(c_start,c_end));
        } 
    }
    return ""
}

function setCookie(c_name,value,expiredays){
    var exdate=new Date()
    exdate.setDate(exdate.getDate()+expiredays)
    document.cookie=c_name+ "=" +escape(value)+
    ((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}

function checkCookie(){
    username=getCookie('username')
    if (username!=null && username!="") {alert('Welcome again '+username+'!')}
    else{
          username=prompt('Please enter your name:',"")//有输入值的确认框
          if (username!=null && username!=""){
            setCookie('username',username,365)
          }
     }
}

function delCookie(c_name){
    var d = new Date();
    d.setTime(d.getTime() - 3600 * 1000);
    this.setCookie(c_name,"",d);
}
</script>
</head>
<body>
<button onclick="delCookie('username')"></button> //删除cookie（username）
<button onclick="checkCookie()"></button> 
</body>
</html>

qingemengyue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript cookie

1. cookie Cookie是浏览器提供给客户端的用来存储少量数据的一种机制。JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie。当发生页面跳转或者页面关闭的时候，变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值
复制链接

扫一扫

专栏目录