<!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. 【前台 submit的重复提交 错误】submit的重复提交

    错误表现: 会表现出来:ajax执行成功但是时而会进回调函数,时而不会进入回调函数. 分析原因: 页面的表达提交使用submit,然后又对这个提交按钮绑定一个点击事件,使用ajax来和后台进行交互,这 ...

  2. MySQL的多表查询(笛卡尔积原理)

    先确定数据要用到哪些表. 将多个表先通过笛卡尔积变成一个表. 然后去除不符合逻辑的数据(根据两个表的关系去掉). 最后当做是一个虚拟表一样来加上条件即可. 注意:列名最好使用表别名来区别. 笛卡尔积 ...

  3. Android学习系列(40)--Android主题和样式之系统篇（下）

    11)Widget样式(Widget Style) 特别说明,此处定义大量的系统内置控件的样式,对于重写原生控件的样式具有很大的参考价值. <!-- Widget styles --> & ...

  4. css整理－01选择器和继承

    元素 元素形式: 替换,非替换 元素类型: 块级,行内 列表是特殊的块级元素,它会生成一个标记符 样式表 候选样式表: rel='alternative' @import导入样式表,必须在style的 ...

  5. iOS10 UI教程禁用视图与用户的交互

    iOS10 UI教程禁用视图与用户的交互 在上文中我们提到了使用isHidden属性和alpha属性可以使视图与用户的交互被禁用,除此之外此功能还可以使用UIView的isUserInteractio ...

  6. hdu 5269 ZYB loves Xor I

    Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Submission( ...

  7. jQuery操作列表数据转成Json再输出为html dom树

    jQuery 把列表数据转成Json再输出为如下 dom树 <div id="menu" class="lv1"> <ul class=&qu ...

  8. ASP.NET MVC5 + EF6 入门教程 (5) Model和Entity Framework

    一.创建Model MVC中的Model是用来给View提供显示数据的对象. 这里我们首先创建一个Model对象. 在解决方案资源管理器中右键点击Models文件夹,选择添加->类.添加一个名为 ...

  9. NUC_HomeWork1 -- POJ1088（DP）

    D - 滑雪 Description Michael喜欢滑雪百这并不奇怪, 因为滑雪的确很刺激.可是为了获得速度,滑的区域必须向下倾斜,而且当你滑到坡底,你不得不再次走上坡或者等待升降机来载你.Mic ...

  10. PE的一些水 3-50

    T3: 分解质因数. lalala T4: 暴模. 然而数学方法怎么搞?---->也就是怎么手算?... 于是看了一下讨论区...发现原来我的数学已经低于小学生水平了... 我们把答案abccb ...