本地测试cookie用火狐来测试

首先cookie是document上的一个属性。

先弹出一个cookie

alert(document.cookie);     //弹出是空的

设置cookie,格式是有一定要求的,格式是,名字=值 这样的格式

所以设置的时候,这样设置

document.cookie="user=jack";

如果要添加两条,不会被覆盖,中间是用 ; (分号+空格)来链接的

document.cookie="user=jack";
document.cookie="pass=123456";

cookie信息可在隐私中查看

但是如果不设置了,把这两句注释了的话,就会继续弹出空

//document.cookie="user=jack";
//document.cookie="pass=123456";
alert(document.cookie);

是因为没有指定过期时间,到浏览器关闭,就没了

设置过期时间

var oDate=new Date();
oDate.setDate(oDate.getDate()+14);    //为了得出14天以后是几号
document.cookie="user=jack;expires="+oDate;
document.cookie="pass=123456";
alert(document.cookie);

这样的话,就算注释了,再重新打开浏览器也会弹出user的cookie

过期时间,也产生了变化

为了简便,封装一下cookie

//设置cookie
function setCookie(name,value,iDay){var oDate=new Date();oDate.setDate(oDate.getDate()+iDay);    //iDay是几天过期document.cookie=name+'='+value+';expires='+oDate;
}
//读取cookie
function getCookie(name){         var arr=document.cookie.split("; ");for(var i=0;i<arr.length;i++){var arr2=arr[i].split('=');if(arr2[0]==name){return arr2[1];} }return '';
}
//删除cookie
function removeCookie(name){setCookie(name,1,-1);             //-1天过期
}

//调用
setCookie("user","lynn",13);
setCookie("password","123456",365);
setCookie("words","book",365);
alert(document.cookie);
removeCookie("password");
alert(document.cookie);

第一个小例子

if(getCookie("pop")=="open"){alert("我是第N次打开");
}else{alert("我是第一次打开");setCookie("pop","open",1);     //1天以后过期
}

第二个小例子

<form id="form1" action="">用户名:<input type="text" name="user" /><br />密码:<input type="password" name="pass" /><br /><input type="submit" value="登陆" />
</form><script type="text/javascript">window.onload=function(){var oForm=document.getElementById('form1'),oUser=document.getElementsByName('user')[0];oForm.onsubmit=function(){setCookie('user',oUser.value,14)}oUser.value=getCookie('user');}
</script>

转载于:https://www.cnblogs.com/change-oneself/p/4923111.html

window.cookie相关推荐

  1. cookie中__jsl_clearance参数的破解。

    在爬取网站的时候遇见了这个参数很无解. 详细内容如下: __jsluid_h: __jsl_clearance 在请求详情页的时候需要这两个参数作为cookie的值. 但是第一个__jsluid_h我 ...

  2. 原生js封装cookie插件

    最近迷上了react,用react模拟之前的系统,做登录的时候,发现需要用到cookie,之前用的跟vue搭配的VueCookie,我就在想啊,react应该也会有相应的cookie插件吧!百度一下, ...

  3. 运维开发工程师(BKDS)理论基础

    运维开发工程师(BKDS)理论基础 蓝鲸SaaS开发框架包含哪些Web防护策略? A. 防 CSRF 攻击 B. 防 XSS 攻击 C. 防 SQL注入 D. 没有Web安全防护 正确答案:A,B,C ...

  4. 2020-07 前端技术汇总

    2020/07/30 周四 #什么是好的代码? 在web前端方面,什么是好的代码?好的代码应该包含以下两个特性 高性能,低时延(性能优化) 熟悉数据结构与算法,减少时间复杂度或空间复杂度 熟悉浏览器渲 ...

  5. 加速乐的欢乐破解与__jsl_clearance的生成

    最近在写gsxt的爬虫, 在当初分析请求的时候,老是遇到返回521,基础的反爬都用上了,还是没用, 最后找到了咱们亲爱的"度娘"和谷歌,才知道他们升级了最新的加速乐的最新爬虫防护机 ...

  6. python爬虫 关于加速乐(_jsl)

    声明 本文章中所有内容仅供学习交流,敏感信息均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 第一次遇到_jsl的时候花费了一天没弄懂,后面 ...

  7. Cookies 剪影 光照系列7

    Cookies 剪影 本文档主要是对Unity官方手册的个人理解与总结(其实以翻译记录为主:>) 仅作为个人学习使用,不得作为商业用途,欢迎转载,并请注明出处. 文章中涉及到的操作都是基于Uni ...

  8. 【2021-08-04】GAB 加速乐 (分析+代码)

    前言 链接:aHR0cHM6Ly93d3cubXBzLmdvdi5jbi9uMjI1NDA5OC9uNDkwNDM1Mi8= 分析 首先抓包分析请求信息 一共请求了三次: 第一次返回数据: 请求时的c ...

  9. Unit05: window 常用子对象-2 、 event 对象 、 Cookie

    [常用BOM对象] - navigator:保存浏览器配置信息的对象: -- cookieEnabled:判断当前浏览器是否启用cookie:(6.html) cookie:是用户在客户端存储数据的文 ...

最新文章

  1. 吴甘沙:天外飞“厕”、红绿灯消失,未来无人驾驶将被重新定义 | AI ProCon 2019
  2. ubuntu 18.04.4 安装 bazel
  3. debian6更新网卡驱动
  4. mysql 并发锁表_MySQL锁表的用法,防止并发情况下的重复数据
  5. Stanford机器学习笔记-6. 学习模型的评估和选择
  6. 数据分析究竟在分析什么?
  7. getter方法的作用 vuex_Vuex的工作流程
  8. HBase 配置详解
  9. iis8.5限速没有效果怎么回事_电梯为何会发生坠梯?没有安全措施吗?能在井道底安装大弹簧吗?...
  10. 撸.NET Core的正确姿势
  11. 软件工程期末考试复习(二)
  12. 音频音量控制工具SoundSource 5 for Mac
  13. 云EC电商cms安装
  14. allegro 丝印 对齐_如何对齐丝印 - Cadence allegro PCB 教程
  15. id2021中文直装版 v16.0附安装教程及软件特点
  16. 卫星控制类操作系统VAX/VMS简介
  17. Vue 3为什么要用 Proxy API 替代 DefineProperty API?
  18. 程序设计入门-java
  19. 直播 | 乐高式微服务化改造
  20. 远程执行模块和黏包 socketserve hamc模块验证合法性

热门文章

  1. Android入门逆引手册 - 12 评分条(RatingBar)的使用
  2. mysqldump参数详细说明(转)
  3. JavaScript服务器端开发技术(对象属性的枚举与查询)
  4. 2016年安全身份识别主流趋势
  5. 无需写try/catch,也能正常处理异常
  6. 【运动快乐】享受赤脚慢跑 收获健康快乐
  7. VirtualBox 虚拟机的网络设置
  8. 流媒体服务器搭建实例——可实现录音,录像功能
  9. 在web.config里注册HttpModule
  10. 真格量化——50etf与期权对冲策略