js设置、修改、获取、删除 cookie

.......;

上面这串省略号对于各种吐槽的声音;

因为在百度上看到的关于设置cookie的前几篇文章都是错误的;

里面给出的设置cookie的代码是这样的;

function setCookie(name,value){    var Days = 30;    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}

这个函数只能设置cookie但是不能修改;什么个意思呢看下图就明白了;

因为没有指定路径;所以当再次设置同键名的cookie时就无法覆盖了;

正确的设置cookie姿势是这样的;顺便把读取和删除的也一并送上;

/** * 设置cookie * @param {string} name  键名 * @param {string} value 键值 * @param {integer} days cookie周期 */function setCookie(name,value,days) {    if (days) {        var date = new Date();        date.setTime(date.getTime()+(days*24*60*60*1000));        var expires = "; expires="+date.toGMTString();    }else{        var expires = "";    }    document.cookie = name+"="+value+expires+"; path=/";}

// 获取cookiefunction getCookie(name) {    var nameEQ = name + "=";    var ca = document.cookie.split(‘;‘);    for(var i=0;i < ca.length;i++) {        var c = ca[i];        while (c.charAt(0)==‘ ‘) c = c.substring(1,c.length);        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);    }    return null;}

// 删除cookiefunction deleteCookie(name) {    setCookie(name,"",-1);}
时间: 04-07

js设置、修改、获取、删除 cookie的相关文章

js/java 获取、添加、修改、删除cookie(最全)

一.cookie介绍 1.cookie的本来面目 HTTP协议本身是无状态的.什么是无状态呢,即服务器无法判断用户身份.Cookie实际上是一小段的文本信息(key-value格式).客户端向服务器发起请求,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie.客户端浏览器会把Cookie保存起来.当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器.服务器检查该Cookie,以此来辨认用户状态. 2.cookie本来运行机制 当用户第一

session,cookie,sessionStorage,localStorage的相关设置以及获取删除

一.cookie 什么是 Cookie? “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值.” - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通

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

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="description" content=""> 6 <meta name="HandheldFriendly" content="True"> 7

Js设置及获取Cookie的方法

Login页面设置Cookie: if(json.result=="true") { if($("input[type='checkbox']").is(':checked')) {setCookie('sapid',json.zstaff_id,30)} else {setCookie('sapid',json.zstaff_id,0.05)/*1小时后过期*/} alert("登陆成功"); /*登陆成功后定向到主页*/ window.loc

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

cookie : 存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样,也是不能通用的 2.cookie的存储是以域名形式进行区分的 3.cookie的数据可以设置名字的 4.一个域名下存放的cookie的个数是有限制的,不同的浏览器存放的个数不一样 5.每个cookie存放的内容大小也是有限制的,不同的浏览器存放大小不一样 我们通过document.cookie来获取当前网站下的cookie的时候,得到的

JS设置、获取DOM自定义属性

jQuery方式 // 获取 $('#test').attr('mydata'); // 设置 $('#test').attr('mydata','data-content'); // 移除 $('#test').removeAttr('mydata'); JS方式 // 获取 document.getElementById('test').getAttribute('mydata'); //设置 document.getElementById('test').setAttribute('myd

JS设置和获取盒模型的宽和高

dom.style.width/height:只能取出内联样式的宽度和高度 dom.currentStyle.width/height:获取即时的计算的样式,但是只有IE支持 window.getComputedStyle(dom).width:获取即时计算的样式,支持其他浏览器,兼容性更好 dom.getBoundingClientRect( ).width/height:计算盒模型在页面中的绝对位置,比较少用. dom.offsetWidth/offectHeight:返回元素实际大小 一.

前端开发中通过js设置cookie的一组方法

我们在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能. 此次文章中的方法是在前端开发工作中自己随手写的一组通过js设置与获取cookie的方法,能够应用在多说情况下,没做细挖与深究. js方法的完整代码如下: var cookie = { set:function(key,val,time){//设置cookie方法 var date=new Date(); //获取当前时间 var expiresDays=time; //将d

构造个人轻量级XSS平台获取管理员cookie并登录

一.前言 本平台是个人轻量级XSS测试平台,仅作为练习参考. 二.实验环境 服务器操作系统:Centos 6.6 Web容器:Apache 三.平台搭建过程 安装Apache 安装PHP 安装Git工具 从GitHub克隆XSS平台源码 删除默认网站内容 rm  -rf  /var/www/* 创建新的网站目录 mkdir  /var/www/xss 从GitHub克隆xss测试源码(https://github.com/firesunCN/BlueLotus_XSSReceiver.git)