<!DOCTYPE>

<html>

<head>

<meta http-equiv=Content-Type content="text/html; charset=utf-8"/>

<script type="text/javascript">

    window.onload = function() {

        var oText = document.getElementById("text");

        var oButton = document.getElementById("button");

        addHandler(oButton, "click", function() {

            setCookie(oText.id, oText.value, 7);

            console.log(getCookie(oText.id));

            removeCookie(oText.id);

            console.log(getCookie(oText.id));

        })

    }

    function setCookie(name, text, day) {

        var oDate = new Date();

        oDate.setDate(oDate.getDate() + day);

        document.cookie = name + '=' + text + '; expires =' + oDate;

    }

    function getCookie(name) {

        var arr = document.cookie.split(";");

        for(var i = 0; i < arr.length; i++) {

            var arr1 = arr[i].split("=");

            if(arr1[0] == name) {

                return arr1[1];

            }

        }

    }

    function removeCookie(name) {

        setCookie(name, "", -1);

    }

    function addHandler(element, type, handler) {

        if(element.addEventListener) {

            element.addEventListener(type, handler, false);

        }else if (element.attachEvent) {

            element.attachEvent("on" + type, handler);

        }else {

            element["on" + type] = handler;

        }

    }

</script>

</head>

<body>

    <input type="text" id="text" />

    <input type="button" id="button" value="提交"/>

</body>

</html>

需要运行在服务器上。

通过http返回cookie：

<?php

	//header("Set-Cookie: text=aaa;expires=".gmstrftime("%A, %d-%b-%Y %H:%M:%S GMT",time()+9600));

    //header("Set-Cookie: text=aaa;expires=".gmstrftime("%A, %d-%b-%Y %H:%M:%S GMT",time()+9600).";HTTPOnly");

    //HTTPOnly: 只允许http访问，不允许JS操作

    //setcookie("text", 'www.sunphp.org', time()+3600*24);

    //设置时间

    data_default_timezone_set("Asia/Chongqing");

    setcookie("text", 'www.sunphp.org', time()+3600*24, "/test");

    //重新设置即为更新

    setcookie("text", 'www.sunphp.org更新', time()+3600*24, "/test");

    //删除

    setcookie("text", '', time()-200, "/test");

    //遍历删除

    foreach($_COOKIE as $key=>$val) {

    	 setcookie($key, '', time()-200);

    }

    //设置了/test则在test文件夹下的test1，test2中的index.html均有效，返之不成立。

    /*setcookie(name,value,expire,path,domain,secure);

    name    必需。规定 cookie 的名称。

    value   必需。规定 cookie 的值。

    expire  可选。规定 cookie 的有效期。

    path    可选。规定 cookie 的服务器路径。

    domain  可选。规定 cookie 的域名。

    secure  可选。规定是否通过安全的 HTTPS 连接来传输 cookie。true与false

    true为JS不可用，false为JS可用

    */

    echo "asaa";

?>

　　

　　

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. 强化的单例属性_Effective Java

    Singleton指的是仅仅被实例化一次的类,比如唯一的系统组件等,成为Singleton的类测试起来也比较困难. 常用的方法: 1.公有静态final域+私有构造器 public class Egg ...

  2. Convert Object to XML using LINQ

    Convert Object to XML using LINQ. Also the object contains other object list. Following is the Class ...

  3. 完善SQL农历转换函数

    -------------------------------------------------------------------- --  Author : 原著:          改编:ht ...

  4. [转载]C++声明和定义的区别

    <C++Primer>第四版 2.3.5节中这么说到: ①变量定义:用于为变量分配存储空间,还可为变量指定初始值.程序中,变量有且仅有一个定义. ②变量声明:用于向程序表明变量的类型和名字 ...

  5. 通俗理解T检验与F检验的区别【转】

    转自:http://blog.sina.com.cn/s/blog_4ee13c2c01016div.html1,T检验和F检验的由来一般而言,为了确定从样本(sample)统计结果推论至总体时所犯错 ...

  6. [技术学习]js正则表达式汇总

    一.常用正则表达式关键字 ".":任意字符 "*":任意个数 "+":任意个数,至少一个 "?":0-1个 " ...

  7. canvas绘制

    window.onload = function(){ var can1 = document.getElementById("can1"); var ctx = can1.get ...

  8. iOS UIImageView设置为圆形

    UIImageView设置为圆形的方法(效率比较低下,当需要显示很多圆形view的时候,非常不推荐这种方式): imageView.layer.masksToBounds = YES; imageVi ...

  9. 转载:python发送HTTP请求

    1. [代码]GET 方法 import httplib #----------------------------- conn = httplib.HTTPConnection("www. ...

  10. Ue4全景图制作设想

    官方有个Scene Capture Cube与Cube Rander Target. 之后再想办法生成文件就好了吧