Javascript第七章cookie的读取和写入源码第一课
写入cookie
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript">/*** 查看Cookie:打开Chrome开发人员工具——Application——Storage——Cookies*/function doWrite(){// var username=document.getElementById("username").value;// var password=document.getElementById("password").value;var username=encodeURIComponent(document.getElementById("username").value); //编码var password=encodeURIComponent(document.getElementById("password").value);console.log(username); //不能使用encodeURI,其不会对分号进行编码
//取当前的日期var today=new Date();var expiresDate=new Date(today.getFullYear(),today.getMonth(),today.getDate()+7); //保存7天
//toGMTString() 方法可根据格林威治时间 (GMT) 把 Date 对象转换为字符串,并返回结果。var str1="username="+username+";expires="+expiresDate.toGMTString();document.cookie=str1;var str2="password="+password; //iloveyou jmpwfzpvdocument.cookie=str2;var str3="age=23;expires="+expiresDate.toGMTString();document.cookie=str3;console.log("写入Cookie成功!");}</script>
</head>
<body>用户名:<input type="text" id="username"><br>密码:<input type="password" id="password"><br><input type="button" value="写入Cookie" onclick="doWrite()">
</body>
</html>
读cookie
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript">function doReadAll(){var str=document.cookie;// console.log(str);var array=str.split("; ");for(var i=0;i<array.length;i++){// console.log(array[i]);var array2=array[i].split("=");console.log(array2[0]+":"+decodeURIComponent(array2[1])); //解码}}//username=tom; password=abc; age=23function doRead(key){ //password//读取所有Cookievar str=document.cookie;//获取key出现的位置var index=str.indexOf(key+"=");//获取截取的起始位置 var start=index+key.length+1;//获取截取的结束位置var end=str.indexOf(";",start);//截取valueif(end==-1){ //如果找不到分号,说明是最后一个cookievar value=str.substring(start);}else{var value=str.substring(start,end);}console.log(key+":"+value);}</script>
</head>
<body><input type="button" value="读取所有Cookie" onclick="doReadAll()"><input type="button" value="读取Cookie中的password" onclick="doRead('password')"><input type="button" value="读取Cookie中的age" onclick="doRead('age')">
</body>
</html>
Javascript第七章cookie的读取和写入源码第一课相关推荐
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析-namenode启动过程分析...
第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析 4.1 namenode启动过程分析 org.apache.hadoop.hdfs.server.namenode. ...
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析
第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析 5.1 Datanode 启动过程分析 5.2 Datanode 心跳分析 5.3 Datanode 注册分析 5 ...
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode-LeaseManagerMonitor
第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析 4.4 namenode文件租约分析LeaseManagerMonitor 文件租约就是将操作的文件和操作它的客户端 ...
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 第三节:hdfs实现分析
第七章:小朱笔记hadoop之源码分析-hdfs分析 第三节:hdfs实现分析 3.3 namenode (1)FSDirectory FSDirectory用来管理HDFS整个文件系统的namesp ...
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 Datanode 心跳分析
第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析 5.2 Datanode 心跳分析 (1)offerService分析 写道 (a)检查心跳间隔是否超时,如是向n ...
- 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode-ReplicationMonitor
第四节:namenode分析 4.3 namenode 副本监控分析ReplicationMonitor ReplicationMonitor主要有两个作用: (1)负责为副本不足的数据块选择sour ...
- 第二章:小朱笔记hadoop之源码分析-脚本分析
第二章:小朱笔记hadoop之源码分析-脚本分析 第一节:start-all.sh 第二节:hadoop-config.sh 第三节:hadoop-env.sh 第四节:start-dfs.sh 第五 ...
- JavaScript实现squareMatrixRotation方阵旋转算法(附完整源码)
JavaScript实现squareMatrixRotation方阵旋转算法(附完整源码) squareMatrixRotation.js完整源代码 squareMatrixRotation.test ...
- JavaScript实现levenshteinDistance字符串编辑距离算法(附完整源码)
JavaScript实现levenshteinDistance字符串编辑距离算法(附完整源码) levenshteinDistance.js完整源代码 # levenshteinDistance.te ...
最新文章
- Verilog全新语法认识--Xilinx language template
- 2020 5月 每日花语
- maven整合@data注解_springboot整合spring Cache(redis)
- 前端整合图片上传组件
- Win10 20H2正式发布,对比旧版新功能一览
- vue_ form表单 v-model
- 高合HiPhi Z,参透豪华电动车的终极奥义?
- Flutter社区和资源传送门
- 在VBA中使用正则表达式
- 第1关:身份证归属地查询
- 华为展望5G未来 安全问题成关键
- [渝粤教育] 泰州学院 信息技术基础 参考 资料
- python的并行计算框架
- 人物渲染篇(二) —— 基础卡通渲染 下
- 打开Chrome浏览器显示“喔唷 崩溃啦”错误的解决方法
- 交通运输——机器学习/深度学习资源列表
- 数据挖掘的十大经典算法
- CAN转换器、CAN 232、CAN 485的接口、指示灯和终端电阻图示
- 王石专访:哈佛这一年,我获得新生
- 谷歌浏览器升级引起的BUG