Cookie 干货
从前端开发看Cookie
Cookie是浏览器端的存储机制
存在意义：
为了解决“如何记住用户信息”而发明的：
当用户访问网页时，他的名字可以存储在cookie中
下次用户访问该页面时，cookie会“记住”他的名字
特点：
会话Cookie：即不设置过期时间，此时只要关闭浏览器Cookie就会消失，注意是关闭浏览器而不是关闭一个标签
持久Cookie：即设置了过期时间（expires），此时关闭浏览器，如果没有超过设置的过期时间则Cookie还会存在，直到过期
谷歌浏览器不能设置本地文件Cookie，IE、火狐都可以
只要浏览器关闭Cookie功能，所有Cookie功能都不会实现
设置Cookie：
document.cookie = "name = tizi"
其中可以添加上 path，不设置则默认当前页，及在上级页面不可以获取到Cookie，但是在下级页面可以（做了几个实验，不知道是不是绝对的）：
如在file:///D:/MySite/test.html 下设置了Cookie，在 file:///D:/MySite/src/test.html 下也可以获取，反之就不可以了
但是，如果设置了 path = / ，上面的反过来就可以了：
如在file:///D:/MySite/test.html 下设置了Cookie，在 file:///D:/MySite/src/test.html 下也可以获取，反之也可以了
获取Cookie：
console.log(document.cookie)
更改Cookie：
document.cookie = "name = tiziChange"
删除Cookie：
document.cookie = "name = ; expires = Thu, 01 Jan 1970 00:00:00 UTC"
<html>
<button onclick="setC()">设置Cookie</button>
<button onclick="setCDate()">获取Cookie过期时间</button>
<button onclick="getC()">获取Cookie</button>
<button onclick="changeC()">更改Cookie</button>
<button onclick="delC()">删除Cookie</button>
<script>
// 设置 Cookie
function setC(){
document.cookie = "name = tizi;"
}
// 例如设置 一个两天过期且 age = 20 的 cookie
function setCDate(){
var date = new Date()
date.setTime(date.getTime() + 2*24*60*60*1000)
document.cookie = "age = 20; expires = " + date.toUTCString()
}
// 获取 Cookie
function getC(){
console.log( document.cookie )
}
// 更改 Cookie
function changeC(){
document.cookie = "name = tiziChange;"
}
// 删除 Cookie, 要将 expires 设置成过去时间即可
function delC(){
document.cookie = "name = ; expires = Thu, 01 Jan 1970 00:00:00 UTC"
}
</script>
</html>
其实我参考的就是W3School，为了方便自己记忆，就写了一下，嘎嘎~
Cookie 干货的更多相关文章
- jquery插件的用法之cookie 插件
一．使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...
- Cookie的简单用法
ASP.NET初学者使用cookie的时候会感觉很陌生,在学习的过程中掌握cookie对象的增删改查非常有必要,,下面是我学习的时候经常用到的这些方法 写入和读取Cookie都需要用户Respone对 ...
- （2018干货系列一）最新Java学习路线整合
怎么学Java Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承.指针等概念,因此Java语言具有功能强大和简单易用两个特征. 话不多说,直接上干货: ...
- （2018干货系列三）最新PHP学习路线整合
怎么学PHP PHP是一种通用开源脚本语言.语法吸收了C语言.Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域. 菜鸟到大神,一步到位,正式开启干货模式: PHP初级开发工程师 ...
- Retrofit2.0 ，OkHttp3完美同步持久Cookie实现免登录(二)
原文出自csdn: http://blog.csdn.net/sk719887916/article/details/51700659: 通过对Retrofit2.0的<Retrofit 2.0 ...
- （2018干货系列二）最新HTML5学习路线整合
怎么学HTML5 HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,一方面提升了用户体验,另一方面HTML5技术跨平台,适配多终端,改变了传统开发者 ...
- [干货，阅后进BAT不是梦]面试心得与总结---阿里、小米、腾讯
之前实习的时候就想着写一篇面经,后来忙就给忘了,现在找完工作了,也是该静下心总结一下走过的路程了,我全盘托出,奉上这篇诚意之作,希望能给未来找工作的人一点指引和总结, 也希望能使大家少走点弯路 , 如 ...
- 一文带你看懂cookie，面试前端不用愁
本文由云+社区发表 在前端面试中,有一个必问的问题:请你谈谈cookie和localStorage有什么区别啊? localStorage是H5中的一种浏览器本地存储方式,而实际上,cookie本身并 ...
- Redis+Twemproxy+HAProxy集群(转) 干货
原文地址:Redis+Twemproxy+HAProxy集群 干货 Redis主从模式 Redis数据库与传统数据库属于并行关系,也就是说传统的关系型数据库保存的是结构化数据,而Redis保存的是一 ...
随机推荐
- 拯救 Out Of Memory，8个案例带你飞！
来自:唐尤华 https://bloggceasy.files.wordpress.com/2015/05/outofmemoryerror2.pdf 1. Java 堆空间 发生频率:5颗星 造成原 ...
- MacOS安装npm全局包的权限问题
MacOS,安装npm全局包提示没有写入权限: npm WARN checkPermissions Missing write access to /usr/local/lib/node_module ...
- 牛客练习赛48 D 小w的基站网络
链接:https://ac.nowcoder.com/acm/contest/923/D来源:牛客网 时间限制:C/C++ 2秒,其他语言4秒 空间限制:C/C++ 262144K,其他语言52428 ...
- 高程（三）--- Date
Date类型使用UTC(国际协调时间)1970年1月1日0时0分始到现在的毫秒数来保存日期的. 所以当我们知道毫秒数时,还需要通过计算才能获取年月日时分秒. 一.获取时间对象 Date提供了2个方法: ...
- 构造+数位dp
参考博客: 题目链接: 题意:给定正整数a,b,k,你的任务是在所有满足a<=n<=b中的整数n中,统计有多少个满足n自身是k的倍数,且n的各位数字之和也是k的倍数. [思路] 这种题的固 ...
- CF#538 C - Trailing Loves (or L'oeufs?) /// 分解质因数
题目大意: 求n!在b进制下末尾有多少个0 https://blog.csdn.net/qq_40679299/article/details/81167283 一个数在十进制下末尾0的个数取决于10 ...
- 集成 Swagger2 构建强大的 RESTful API 文档
微信公众号:一个优秀的废人如有问题或建议,请后台留言,我会尽力解决你的问题. 前言 快过年了,不知道你们啥时候放年假,忙不忙.反正我是挺闲的,所以有时间写 blog.今天给你们带来 SpringBoo ...
- delphi常见的错误
******************************* * 编 译 错 误 信 息 * ******************************* ';' not allowed befo ...
- PHP ftp_rawlist() 函数
定义和用法 ftp_rawlist() 函数返回 FTP 服务器上指定目录中文件的详细列表. 语法 ftp_rawlist(ftp_connection,dir,recursive) 参数 描述 ft ...
- Delphi提取EXE,DLL文件图标
//uses ShellAPIprocedure TForm1.Button1Click(Sender: TObject);var IconIndex:Word; h:hICON;begin Icon ...