1. <!DOCTYPE>
  2. <html>
  3. <head>
  4. <meta http-equiv=Content-Type content="text/html; charset=utf-8"/>
  5. <script type="text/javascript">
  6. window.onload = function() {
  7. var oText = document.getElementById("text");
  8. var oButton = document.getElementById("button");
  9. addHandler(oButton, "click", function() {
  10. setCookie(oText.id, oText.value, 7);
  11. console.log(getCookie(oText.id));
  12. removeCookie(oText.id);
  13. console.log(getCookie(oText.id));
  14. })
  15. }
  16. function setCookie(name, text, day) {
  17. var oDate = new Date();
  18. oDate.setDate(oDate.getDate() + day);
  19. document.cookie = name + '=' + text + '; expires =' + oDate;
  20. }
  21. function getCookie(name) {
  22. var arr = document.cookie.split(";");
  23. for(var i = 0; i < arr.length; i++) {
  24. var arr1 = arr[i].split("=");
  25. if(arr1[0] == name) {
  26. return arr1[1];
  27. }
  28. }
  29. }
  30. function removeCookie(name) {
  31. setCookie(name, "", -1);
  32. }
  33. function addHandler(element, type, handler) {
  34. if(element.addEventListener) {
  35. element.addEventListener(type, handler, false);
  36. }else if (element.attachEvent) {
  37. element.attachEvent("on" + type, handler);
  38. }else {
  39. element["on" + type] = handler;
  40. }
  41. }
  42. </script>
  43. </head>
  44. <body>
  45. <input type="text" id="text" />
  46. <input type="button" id="button" value="提交"/>
  47. </body>
  48. </html>

需要运行在服务器上。

通过http返回cookie:

  1. <?php
  2. //header("Set-Cookie: text=aaa;expires=".gmstrftime("%A, %d-%b-%Y %H:%M:%S GMT",time()+9600));
  3. //header("Set-Cookie: text=aaa;expires=".gmstrftime("%A, %d-%b-%Y %H:%M:%S GMT",time()+9600).";HTTPOnly");
  4. //HTTPOnly: 只允许http访问,不允许JS操作
  5. //setcookie("text", 'www.sunphp.org', time()+3600*24);
  6.  
  7. //设置时间
  8. data_default_timezone_set("Asia/Chongqing");
  9. setcookie("text", 'www.sunphp.org', time()+3600*24, "/test");
  10. //重新设置即为更新
  11. setcookie("text", 'www.sunphp.org更新', time()+3600*24, "/test");
  12. //删除
  13. setcookie("text", '', time()-200, "/test");
  14. //遍历删除
  15. foreach($_COOKIE as $key=>$val) {
  16. setcookie($key, '', time()-200);
  17. }
  18. //设置了/test则在test文件夹下的test1,test2中的index.html均有效,返之不成立。
  19. /*setcookie(name,value,expire,path,domain,secure);
  20. name 必需。规定 cookie 的名称。
  21. value 必需。规定 cookie 的值。
  22. expire 可选。规定 cookie 的有效期。
  23. path 可选。规定 cookie 的服务器路径。
  24. domain 可选。规定 cookie 的域名。
  25. secure 可选。规定是否通过安全的 HTTPS 连接来传输 cookie。true与false
  26. true为JS不可用,false为JS可用
  27. */
  28. echo "asaa";
  29.  
  30. ?>

  

  

cookie的设置,获取,取消的更多相关文章

  1. 20180909 解析JS Cookie的设置,获取和检索

    引用: JavaScript Cookie - by runoob.com Cookie是储存在电脑文本文件中的数据,用于保存访问者的信息,并可以在下次打开页面时引用. 页面在设置/引用访问者信息时, ...

  2. springboot项目:登录 登录aop拦截 使用Redis与cookie 进行设置获取清除操作

    登录.登出: 第一步:在pom文件中引入依赖 <dependency> <groupId>org.springframework.boot</groupId> &l ...

  3. js中的cookie的设置获取和检查

    设置cookiefunction setCookie(cname,cvalue,exdays) { var d = new Date(); d.setTime(d.getTime()+(exdays* ...

  4. Cookie的属性(cookie的设置、获取和删除)

    每个cookie都有四个可选的属性,他们分别控制cookie的生存周期.可见性.安全性等. Cookies最初设计时,是为了CGI编程.但是,我们也可以使用Javascript脚本来操纵cookies ...

  5. js封装Cookie操作 js 获取cookie js 设置cookie js 删除cookie

    每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code var CookieUtil = { // 设置cookie set : functi ...

  6. 【转】分享前端开发中通过js设置/获取cookie的一组方法

    在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能. js方法的完整代码如下: var cookie = { set:function ...

  7. 封装cookie的设置和获取

    cookie的设置 function setCookie(key,value,options){ options=options||{}; var time=""; if(opti ...

  8. localstorage和cookie的设置方法和获取方法

    1.设置localStorage window.localStorage.setItem(vm.mobileSelf,JSON.stringify(contactInfo)); vm.mobileSe ...

  9. JS读写Cookie(设置、读取、删除)

    JS读写Cookie(设置.读取.删除) Cookie是客户端存放数据的一种方式,可用来做状态保持. 1.设置Cookie: a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就 ...

  10. 关于Cookie安全性设置的那些事

    一.标题:关于Cookie安全性设置的那些事 副标:httponly属性和secure属性解析 二.引言 经常有看到XSS跨站脚本攻击窃取cookie案例,修复方案是有httponly.今天写出来倒腾 ...

随机推荐

  1. Dwz下拉菜单的二级联动

    在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name,  增加了属性:ref. ref 属 ...

  2. Codeforces Round #143 (Div. 2) E. Cactus 无向图缩环+LCA

    E. Cactus   A connected undirected graph is called a vertex cactus, if each vertex of this graph bel ...

  3. hdu 4568 Hunter(spfa预处理 + 状压dp)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4568 思路:首先spfa预处理出每对宝藏之间的最短距离以及宝藏到边界的最短距离,然后dp[state] ...

  4. Oracle资源

    ORACLE 10g下载地址 oracle 下载还需要用户名我自己注册了个方便大家使用下载 user:1603869780@qq.compass:qwe123QWE现在直接点击不能下载了 要经过ora ...

  5. HTML5实践 -- 使用CSS3 Media Queries实现响应式设计

    CSS3 Media用法介绍:http://www.w3cplus.com/content/css3-media-queries 转载请注明原创地址:http://www.cnblogs.com/so ...

  6. DSP using MATLAB 示例Example3.23

    代码: % Discrete-time Signal x1(n) : Ts = 0.0002 Ts = 0.0002; n = -25:1:25; nTs = n*Ts; x1 = exp(-1000 ...

  7. PHP 批量修改图片的名字

    <?php // glob() 返回指定目录下的文件名以及目录 $arr = glob("img/*.jpg"); $time = time(); $i = 100001; ...

  8. delphi override、overload、reintroduce的区别-0613.txt

    http://blog.csdn.net/honglixx/article/details/3624934 1.override overload reintroduce的中文叫法是什么? overr ...

  9. NSDictionary、NSMutableDictionary及其枚举器的用法

    .不可变词典NSDictionary 字典初始化 NSNumber *numObj = [NSNumber numberWithInt:]; 以一个元素初始化 NSDictionary *dic = ...

  10. EF框架step by step(2)—Model-First

    这一篇主要说一下EF框架中,Model First做法,仍然采用上一篇的案例.但增加评论功能.首先打开Blog.edmx文件,在空白处右键,添加新实体Comment,如下图示: 点击确定,关闭窗口. ...