码迷,mamicode.com
首页 > 其他好文 > 详细

cookie

时间:2017-05-11 11:41:33      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:过期   body   客户   客户端   window   code   如何   删除   创建   

什么是cookie

cookie 是一些数据, 存储在电脑上的文本文件中,用于存储 web 页面的用户信息。
当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。cookie 的作用就是用于解决 "如何记录客户端的用户信息"。

 

 

设置cookie

window.onload = function(){
    var date = new Date();
    date.setTime(date.getTime() + (6 * 1000));
    document.cookie = "things=coding; expires=" + date.toGMTString();
    document.cookie = "name=fftu;";
}

 

CASE 1

打开控制台,键入

document.cookie

返回 "name=fftu; things=coding"

 

CASE 2

6s后再次测试,返回 "name=fftu" 

 

CASE 3

将以上代码注释掉,关闭浏览器,重启页面,再次测试, "name=fftu" 

 

CASE 4

index.html

<body>
    <a href="./childPage.html" target="_blank">跳转</a>
</body>

childPage不引入main.js

 

打开主页面、子页面

主页面设置cookie后刷新,子页面不刷新,cookie值与JS脚本同步

主页面设置cookie后不刷新,子页面刷新,cookie值与JS不同步

主页面删除cookie后刷新,子页面不刷新,cookie值与JS脚本同步

主页面删除cookie后不刷新,子页面刷新,cookie值与JS不同步

 

结论:

一条键值对设置一个expires

没有设置expires的cookie不会过期

每当脚本改变cookie值,必须刷新引入脚本的HTML文件。其它的页面都可以访问到cookie值

 

注意:

exipres后不加分号

Date需要转为字符串类型赋值给expires,因为cookie是字符串类型的数据

 

修改cookie

与创建cookie类似

document.cookie = "name=jiao";

 

 

删除cookie

var date = new Date();
document.cookie = "name=; expires=" + date.toGMTString();

 

cookie

标签:过期   body   客户   客户端   window   code   如何   删除   创建   

原文地址:http://www.cnblogs.com/jiaoxuanwen/p/6839672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!