写入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的读取和写入源码第一课相关推荐

  1. 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析-namenode启动过程分析...

    第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析 4.1 namenode启动过程分析 org.apache.hadoop.hdfs.server.namenode. ...

  2. 第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析

    第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析 5.1 Datanode 启动过程分析 5.2 Datanode 心跳分析 5.3 Datanode 注册分析 5 ...

  3. 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode-LeaseManagerMonitor

    第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode分析 4.4 namenode文件租约分析LeaseManagerMonitor 文件租约就是将操作的文件和操作它的客户端 ...

  4. 第七章:小朱笔记hadoop之源码分析-hdfs分析 第三节:hdfs实现分析

    第七章:小朱笔记hadoop之源码分析-hdfs分析 第三节:hdfs实现分析 3.3 namenode (1)FSDirectory FSDirectory用来管理HDFS整个文件系统的namesp ...

  5. 第七章:小朱笔记hadoop之源码分析-hdfs分析 Datanode 心跳分析

    第七章:小朱笔记hadoop之源码分析-hdfs分析 第五节:Datanode 分析 5.2 Datanode 心跳分析 (1)offerService分析 写道 (a)检查心跳间隔是否超时,如是向n ...

  6. 第七章:小朱笔记hadoop之源码分析-hdfs分析 第四节:namenode-ReplicationMonitor

    第四节:namenode分析 4.3 namenode 副本监控分析ReplicationMonitor ReplicationMonitor主要有两个作用: (1)负责为副本不足的数据块选择sour ...

  7. 第二章:小朱笔记hadoop之源码分析-脚本分析

    第二章:小朱笔记hadoop之源码分析-脚本分析 第一节:start-all.sh 第二节:hadoop-config.sh 第三节:hadoop-env.sh 第四节:start-dfs.sh 第五 ...

  8. JavaScript实现squareMatrixRotation方阵旋转算法(附完整源码)

    JavaScript实现squareMatrixRotation方阵旋转算法(附完整源码) squareMatrixRotation.js完整源代码 squareMatrixRotation.test ...

  9. JavaScript实现levenshteinDistance字符串编辑距离算法(附完整源码)

    JavaScript实现levenshteinDistance字符串编辑距离算法(附完整源码) levenshteinDistance.js完整源代码 # levenshteinDistance.te ...

最新文章

  1. Verilog全新语法认识--Xilinx language template
  2. 2020 5月 每日花语
  3. maven整合@data注解_springboot整合spring Cache(redis)
  4. 前端整合图片上传组件
  5. Win10 20H2正式发布,对比旧版新功能一览
  6. vue_ form表单 v-model
  7. 高合HiPhi Z,参透豪华电动车的终极奥义?
  8. Flutter社区和资源传送门
  9. 在VBA中使用正则表达式
  10. 第1关:身份证归属地查询
  11. 华为展望5G未来 安全问题成关键
  12. [渝粤教育] 泰州学院 信息技术基础 参考 资料
  13. python的并行计算框架
  14. 人物渲染篇(二) —— 基础卡通渲染 下
  15. 打开Chrome浏览器显示“喔唷 崩溃啦”错误的解决方法
  16. 交通运输——机器学习/深度学习资源列表
  17. 数据挖掘的十大经典算法
  18. CAN转换器、CAN 232、CAN 485的接口、指示灯和终端电阻图示
  19. 王石专访:哈佛这一年,我获得新生
  20. 谷歌浏览器升级引起的BUG

热门文章

  1. leetcode笔记(Python版)待更新
  2. 数据治理需要注意哪些问题
  3. 大数据对企业竞争的作用
  4. 大数据分析关键的5个思维
  5. 因为在此系统上禁止运行脚本。有关详细信息_win10系统下Hyper-V基本(网上资源整合)3
  6. 一句python,一句R︱列表、元组、字典、数据类型、自定义模块导入(格式、去重)
  7. arts-week12
  8. WPF 图片splashScreen效果
  9. CSS 自定义属性 -- 使用 JS 和不使用 JS
  10. 如何使用 GRUB 2 直接从硬盘运行 ISO 文件