js实现Cookies的读写

简介:
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>无标题文档</title> 
  6. <script type="text/javascript"> 
  7. function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值 
  8.  
  9.     var Days = 1; //此 cookie 将被保存 1 天 
  10.     var exp = new Date();    //new Date("December 31, 9998"); 
  11.     exp.setTime(exp.getTime() + Days*24*60*60*1000); 
  12.     document.cookie = name + "="+ escape (value) + ";path=/;expires=" +     exp.toGMTString(); 
  13. function readCookie(name) 
  14. var cookieValue = ""
  15. var search = name + "="; 
  16. if(document.cookie.length > 0) 
  17.     offset = document.cookie.indexOf(search); 
  18.     if (offset != -1) 
  19.     { 
  20.       offset += search.length; 
  21.       end = document.cookie.indexOf(";", offset); 
  22.       if (end == -1) end = document.cookie.length; 
  23.       cookieValue = unescape(document.cookie.substring(offset, end)) 
  24.     } 
  25. alert(cookieValue); 
  26. return cookieValue; 
  27.  
  28. function delCookie(name){//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间 
  29. var date = new Date(); 
  30. date.setTime(date.getTime() - 10000); 
  31. document.cookie = name + "=a; expires=" + date.toGMTString(); 
  32.  
  33. </script> 
  34. </head> 
  35.  
  36. <body> 
  37. <input type="submit" value="写入Cookies" onclick="SetCookie('users','110')" /> 
  38. <input type="submit" value="读取Cookies" onclick="readCookie('users')" /> 
  39. <input type="submit" value="删除Cookies" onclick="delCookie('users')" /> 
  40. </body> 
  41. </html> 

 



      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/925216,如需转载请自行联系原作者





相关文章
|
存储 JavaScript 安全
初识 js Cookies
初识 js Cookies
58 0
|
4月前
|
JSON 前端开发 JavaScript
在JavaScript中,异步编程是一种处理非阻塞操作(如网络请求、文件读写等)的重要技术
【6月更文挑战第12天】JavaScript中的异步编程通过Promise和async/await处理非阻塞操作。Promise管理异步操作的三种状态,防止回调地狱,支持链式调用和并行处理。async/await是ES8引入的语法糖,使异步代码更像同步代码,提高可读性。两者结合使用能更高效地处理复杂异步场景。
37 3
|
5月前
|
JavaScript 前端开发 UED
在 JavaScript 中,异步编程和回调函数是处理非阻塞操作(如网络请求、文件读写等)的重要工具
【5月更文挑战第10天】JavaScript中的异步编程和回调函数用于处理非阻塞操作,提高应用响应性和吞吐量。异步编程通过回调函数、Promises和async/await等方式实现,避免程序因等待操作完成而阻塞。回调函数是异步操作完成后调用的函数,常用于处理网络请求等。然而,回调函数存在嵌套问题和错误处理困难,因此出现了Promises和async/await等更优解决方案。
42 3
|
3月前
|
存储 前端开发 安全
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第2天】探索Web存储:localStorage持久化,sessionStorage会话限定,cookies则伴随HTTP请求。了解它们的特性和限制,如localStorage的5MB容量限制、跨域问题,sessionStorage的生命周期,及cookies的安全与带宽消耗。使用时需权衡安全、效率与应用场景。示例代码展示存储与检索方法。
201 2
|
3月前
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
144 0
|
5月前
|
JavaScript 前端开发
node.js中的fs模块,读写语法讲解
node.js中的fs模块,读写语法讲解
|
5月前
|
存储 JavaScript C#
【傻瓜级JS-DLL-WINCC-PLC交互】8.DLL读写WINCC连接的PLC数据
【傻瓜级JS-DLL-WINCC-PLC交互】8.DLL读写WINCC连接的PLC数据
76 0
【傻瓜级JS-DLL-WINCC-PLC交互】8.DLL读写WINCC连接的PLC数据
|
NoSQL JavaScript Java
MongoDB 入门教程系列之一:开发环境搭建以及 Node.js 和 Java 的读写访问
MongoDB 入门教程系列之一:开发环境搭建以及 Node.js 和 Java 的读写访问
|
存储 运维 JavaScript
【Node.js实战】一文带你开发博客项目之日志(文件读写、stream流、写日志)
【Node.js实战】一文带你开发博客项目之日志(文件读写、stream流、写日志)
247 3
|
JavaScript Linux Windows
node-copy-paste.js:一个读写系统剪贴板的工具
node-copy-paste.js:一个读写系统剪贴板的工具
157 0