window.cookie
本地测试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相关推荐
- cookie中__jsl_clearance参数的破解。
在爬取网站的时候遇见了这个参数很无解. 详细内容如下: __jsluid_h: __jsl_clearance 在请求详情页的时候需要这两个参数作为cookie的值. 但是第一个__jsluid_h我 ...
- 原生js封装cookie插件
最近迷上了react,用react模拟之前的系统,做登录的时候,发现需要用到cookie,之前用的跟vue搭配的VueCookie,我就在想啊,react应该也会有相应的cookie插件吧!百度一下, ...
- 运维开发工程师(BKDS)理论基础
运维开发工程师(BKDS)理论基础 蓝鲸SaaS开发框架包含哪些Web防护策略? A. 防 CSRF 攻击 B. 防 XSS 攻击 C. 防 SQL注入 D. 没有Web安全防护 正确答案:A,B,C ...
- 2020-07 前端技术汇总
2020/07/30 周四 #什么是好的代码? 在web前端方面,什么是好的代码?好的代码应该包含以下两个特性 高性能,低时延(性能优化) 熟悉数据结构与算法,减少时间复杂度或空间复杂度 熟悉浏览器渲 ...
- 加速乐的欢乐破解与__jsl_clearance的生成
最近在写gsxt的爬虫, 在当初分析请求的时候,老是遇到返回521,基础的反爬都用上了,还是没用, 最后找到了咱们亲爱的"度娘"和谷歌,才知道他们升级了最新的加速乐的最新爬虫防护机 ...
- python爬虫 关于加速乐(_jsl)
声明 本文章中所有内容仅供学习交流,敏感信息均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 第一次遇到_jsl的时候花费了一天没弄懂,后面 ...
- Cookies 剪影 光照系列7
Cookies 剪影 本文档主要是对Unity官方手册的个人理解与总结(其实以翻译记录为主:>) 仅作为个人学习使用,不得作为商业用途,欢迎转载,并请注明出处. 文章中涉及到的操作都是基于Uni ...
- 【2021-08-04】GAB 加速乐 (分析+代码)
前言 链接:aHR0cHM6Ly93d3cubXBzLmdvdi5jbi9uMjI1NDA5OC9uNDkwNDM1Mi8= 分析 首先抓包分析请求信息 一共请求了三次: 第一次返回数据: 请求时的c ...
- Unit05: window 常用子对象-2 、 event 对象 、 Cookie
[常用BOM对象] - navigator:保存浏览器配置信息的对象: -- cookieEnabled:判断当前浏览器是否启用cookie:(6.html) cookie:是用户在客户端存储数据的文 ...
最新文章
- 吴甘沙:天外飞“厕”、红绿灯消失,未来无人驾驶将被重新定义 | AI ProCon 2019
- ubuntu 18.04.4 安装 bazel
- debian6更新网卡驱动
- mysql 并发锁表_MySQL锁表的用法,防止并发情况下的重复数据
- Stanford机器学习笔记-6. 学习模型的评估和选择
- 数据分析究竟在分析什么?
- getter方法的作用 vuex_Vuex的工作流程
- HBase 配置详解
- iis8.5限速没有效果怎么回事_电梯为何会发生坠梯?没有安全措施吗?能在井道底安装大弹簧吗?...
- 撸.NET Core的正确姿势
- 软件工程期末考试复习(二)
- 音频音量控制工具SoundSource 5 for Mac
- 云EC电商cms安装
- allegro 丝印 对齐_如何对齐丝印 - Cadence allegro PCB 教程
- id2021中文直装版 v16.0附安装教程及软件特点
- 卫星控制类操作系统VAX/VMS简介
- Vue 3为什么要用 Proxy API 替代 DefineProperty API?
- 程序设计入门-java
- 直播 | 乐高式微服务化改造
- 远程执行模块和黏包 socketserve hamc模块验证合法性