<!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. eclipse中快捷键

    转为大写  ctrl+shift+x 转为小写  ctrl+shift+y 根据类名快速找到类文件 ctrl+shift+r 返回上一级 ALT  +  <- 速定位到某一行 ctrl+L

  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. 枚举PEB获取进程模块列表

    枚举进程模块的方法有很多种,常见的有枚举PEB和内存搜索法,今天,先来看看实现起来最简单的枚举PEB实现获取进程模块列表. 首先,惯例是各种繁琐的结构体定义.需要包含 ntifs.h 和 WinDef ...

  4. (转载)Bash 中的特殊字符大全

    转自:https://linux.cn/article-5657-1.html Linux下无论如何都是要用到shell命令的,在Shell的实际使用中,有编程经验的很容易上手,但稍微有难度的是she ...

  5. mysql一些有用的链接

    1.mysql安装:http://jingyan.baidu.com/article/f79b7cb35c0f439144023e38.html

  6. Activity之间传递数据的方式及常见问题总结

    Activity之间传递数据一般通过以下几种方式实现: 1. 通过intent传递数据 2. 通过Application 3. 使用单例 4. 静态成员变量.(可以考虑 WeakReferences) ...

  7. cf 710E dp

    题目链接: http://codeforces.com/problemset/problem/710/E 题意:要输入n个字符'a',有两种操作,一种是输入或删除一个'a',耗时x:另一种是把当前的整 ...

  8. AngularJS html+DOM+ng-click事件

    ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性. ng-show 指令用于设置应用部分是否可见. ng-show="true" 设置 HT ...

  9. 原生 js 左右切换轮播图

    使用方法: 可能很多人对轮播图感兴趣,下面奉上本人的 原生 js 轮播代码复制 js 到页面的最底部,样式在 css 里改,js 基本不用动,有什么不懂的可以 加本人 QQ172360937 咨询 或 ...

  10. 【bzoj3624】【apio2008】免费道路

    2016/06/25 诸老师讲的图论,听了这道题很想写一下,但是看来要留到期末考后了. 07/01 有的标记是说生成树,有的是并查集...然而我只是觉得这棵奇怪的生成树蛮精妙的... 题目比较难过的只 ...