如何设置,获取,删除cookie?

cookie : 存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来像访问者电脑上存储数据
1.不同的浏览器存放的cookie位置不一样,也是不能通用的
2.cookie的存储是以域名形式进行区分的
3.cookie的数据可以设置名字的
4.一个域名下存放的cookie的个数是有限制的,不同的浏览器存放的个数不一样
5.每个cookie存放的内容大小也是有限制的,不同的浏览器存放大小不一样
我们通过document.cookie来获取当前网站下的cookie的时候,得到的字符串形式的值,他包含了当前网站下所有的cookie。他会把所有的cookie通过一个分号+空格的形式串联起来
如果我们想长时间存放一个cookie。需要在设置这个cookie的时候同时给他设置一个过期的时间
cookie默认是临时存储的,当浏览器关闭进程的时候自动销毁

例子: document.cookie=‘key=value&key=value&expires=new Date().toGMTString()‘;

function setCookie(key, value, t) {
var oDate = new Date();
oDate.setDate( oDate.getDate() + t );
document.cookie = key + ‘=‘ + value + ‘;expires=‘ + oDate.toGMTString();
}

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]);
}
}
}

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

setCookie(‘sex‘,‘男‘, 10);//这里调用函数,传递需要设置的键值以及时间,就能设置cookie了.

时间: 2024-10-25 08:09:25

如何设置,获取,删除cookie?的相关文章

js设置 获取 删除cookie

function setCookie(key,value) { var date = new Date(), t = 5; date.setDate( date.getDate() + t ); document.cookie = key+'='+encodeURIComponent(value)+';expires='+date.toGMTString(); } // setCookie('username','liuwei'); // setCookie('password','000000

JS设置读取删除cookie及表单交互

学习cookie和表单交互留下的一点笔记 什么是cookie?cookie 是存储于客户端的变量.当设备请求页面时,就会发送cookie.首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式.各个cookie之间一般是以";"分隔.JS设置cookie:document.cookie= key + '=' + value + ';expires=' + Date;其中Date为cookie的过期时间.实际案例: //setCo

jS获取,设置,删除cookie

/**setCookie函数需要参数,name属性 value值 time时间**/ function setCookie(name,value,time){ var date = new Date(); date.setTime(date.getTime() + time*1000); document.cookie = "" + name + '=' + value + "; expires=" + date.toGMTString() + "; pa

javascript删除Cookie的正确方法(转载)

原来一直以为只要设置javascript的document.cookie对象就能简单的在浏览器端设置和删除cookie值,网上很多文章也是这么教的,但是最近发现简单的设置javascript的document.cookie的值无法完全做到删除或更改cookie.偶然发现了一篇文章给出了正确的方法,这里贴出来. 使用JavaScript清理Cookie首先要找到该Cookie对应的Name对应的值,然后设置其为过期: 找到Cookie有下面方法: function getCookie2(name)

设置cookie、获取cookie、删除cookie函数封装

//设置cookie函数function setCookie(key,value,t){   var oDate = new Date();   oDate.setDate( oDate.getDate() + t );   document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString();} //获取cookie函数function getCookie(key){ //通过分号空格拆分开所有co

设置cookie,获取cookie,删除cookie

怎么设置cookie,怎么设置cookie以及删除cookie和cookie详解 设置cookie: 1 /** 2 * 设置cookie 3 * @param name cookie的名称 4 * @param value cookie的值 5 * @param day cookie的过期时间 6 */ 7 var setCookie = function (name, value, day) { 8 if(day !== 0){ //当设置的时间等于0时,不设置expires属性,cooki

js封装Cookie操作 js 获取cookie js 设置cookie js 删除cookie

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code var CookieUtil = { // 设置cookie set : function (name, value, expires, domain, path, secure) { var cookieText = ""; cookieText += encodeURIComponent(name) + "=" + encodeURIComponen

jquery 设置cookie、删除cookie、获取cookie

1.引入jquery.js <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> 2.引入jquery cookie插件 <script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 3.调用插件封装好的方法 a)设置新的cookie: $

获取cookie,设置cookie,删除cookie

//获取cookie export const getCookie = (name) => { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return (arr[2]); else return null; } //设置cookie export const setCookie = (params) =&g