cookie的原理及作用以及如何设置、读取和删除cookie

cookie：存储数据，当用户访问了某个网站（网页）的时候，我们就通过cookie来向访问者电脑上存储数据

不同的浏览器存放的cookie位置不一样，也是不能通用的。
cookie的存储是一域名的形式进行区分的
cookie的数据可以设置名字的
一个域名下存放的cookie的个数是有限制的（不同浏览器不一样）

document.cookie= ‘名字 = 值’；写入

document.cookie 读（cookie可读可写）

注意：Chrome限制本地存储但cookie一般存在服务器中影响不大

我们通过document.cookie来获取当前网站下的cookie的时候，得到的是字符串形式的值，它包含了当前网站下所有的cookie，它会把所有的cookie通过一个分号+空格的形式串联起来。

每个cookie存放的内容大小也是有限制的，不同的浏览器不同，如果想要长时间存放一个cookie，需要设置这个cookie的时候，同时设置一个过期的时间 cookie默认是历史存储的，当浏览器关闭进程的时候自动消失。

document.cookie = '名称 = 值； expires = '+时间；（时间是字符串格式的时间）

var oDate = new Date();//获取系统时间
oDate.setDate(oDate.getDate()+5);//根据来访者的时间来设置过期时间
document.cookie = 'username=leo; expires = '+oDate.toGMTString();

注意：oDate为对象时间，所以需要将其转化为字符串时间

把对象转化为字符串 oDate.toGMTString()

内容最好编码存放：encodeURI();编码 decodeURI(); 解码

例：

document.cookie = 'username='+encodeURI('leo\n你好')+';expries='+oDate.GMTString();
alert(encodeURI(document.cookie));

如何设置cookie

function setCookie(key,value,t){var oDate = new Date();oDate.setDate(oDate.getDate()+t);document.cookie = key + '='+value+';expries ='+oDate.toUTCString();
}

setCookie('sex','男',10);

如何获取cookie

function getCookie(key){var arr1 = document.cookie.split(';');for(var i=0; i<arr1.length; i++){var arr2 = arr1[i].split('=');if(arr2[0]==key){return decodeURI(arr2[1]);
}
}
}

alert(getCookie('age'));

如何删除cookie

function  removeCookie(key){setCookie(key,'',-1);
}

cookie的原理及作用以及如何设置、读取和删除cookie相关推荐

前端js设置,读取，删除cookie及其简洁写法
设置cookie function setCookie(name, value,days) {//三个参数,一个是cookie的名子,一个是值,最后一个是天数var exp = new Date(); ...
jquery页面跳转带cookie_JS 如何创建、读取和删除cookie
Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法.例如,当用户访问咱们的站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可 ...
37.Django中设置获取和删除cookie
引言--我们都知道HTTP(超文本传输协议)是一个无状态的协议. 那么客户端和服务器都是怎么记录登录的状态的呢--也就是怎么维持登录的呢? (比如:你在浏览器中登录过了爱奇艺账号,哪怕你网页关闭了,只 ...
会话技术 —— Cookie 实现原理 || 在idea编辑器中设置代码的模板
会话技术 1. 会话:一次会话中包含多次请求和响应. * 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止 2. 功能:在一次会话的范围内的多次请求间,共享数据 3. ...
Flask框架(flask中对cookie的处理(设置cookie、获取cookie、删除cookie))
在Flask中对cookie的处理 1. 设置cookie: 设置cookie,默认有效期是临时cookie,浏览器关闭就失效可以通过 max_age 设置有效期, 单位是秒 resp = make ...
删除浏览器浏览器删除cookie方法
上班之余抽点时光出来写写博文,希望对新接触的朋友有帮助.今天在这里和大家一起学习一下删除浏览器文章目录导航适用范围及演示工具什么是cookie? cookie有什么作用? ie6/ie7/ie8 ...
前端删除cookie
1.修改cookie 因为cookie是和域名绑定的,所以要带上path.domain.secure,否则定位不到这条cookie document.cookie="_token=aaa;s ...
什么是Cookie？有哪些类型？如何创建、读取和删除？
目录什么是Cookies? 会话管理个性化追踪 Cookie 的类型 Session cookie(会话 cookie) Permanent cookies(永久 cookies) Third- ...
php 删除cookie有效方法
php 删除cookie有效方法关于删除cookie的说明开始----- bool setcookie ( string name [, string value [, int expire [, ...

cookie的原理及作用以及如何设置、读取和删除cookie

cookie的原理及作用以及如何设置、读取和删除cookie相关推荐

最新文章

热门文章