<!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. C# 指针操作图像 二值化处理

    /// <summary> /// 二值化图像 /// </summary> /// <param name="bmp"></param& ...

  2. VS2013安装oepncv2.4.10 以及opencv 3.0.0

    Author:Maddock Date:2014.12.27 …………………………………………………………………………………………………… PS: VS2013 + OPENCV 3.0.0 的安装, ...

  3. LoadRunner常见函数分析

    LoadRunner常见函数分析 ?%Ze\N%?~"_J}.t051Testing软件测试网;FQ X%L|GO+R Web用户Action51Testing软件测试网b,Q8iO w1j ...

  4. MatLab有关路径的几个命令

    窗外雨如注,国庆的第3天,没钱出去逛,更新我的博客吧 今天要说的命令有path.cd.userpath.savepath.pathtool 有两种改变启动目录的方法,第1种使用userpath和sav ...

  5. 03 Javascript初识

    Javascript语言(★★★★★)      Javascript是基于对象和事件驱动的脚本语言,作用在客户端.              特点: * 交互性 * 安全性(不能访问本地的硬盘)   ...

  6. jquery笔记（效果）

    显示/隐藏: $(selector).hide(speed, function()):隐藏 $(selector).show(speed, function()):隐藏 $(selector).tog ...

  7. BOM和DOM的区别和关联

    BOM 1. BOM是Browser Object Model的缩写,即浏览器对象模型. 2. BOM没有相关标准. 3. BOM的最根本对象是window. 从1可以看出来:BOM和浏览器关系密切. ...

  8. discuz安装步骤

    1.下载full安装包http://www.comsenz.com/downloads/install/discuz/ 下载好了以后,解压文件.把upload中的所有文件,复制到你服务器网站目录下. ...

  9. ural 1250. Sea Burial

    1250. Sea Burial Time limit: 1.0 secondMemory limit: 64 MB There is Archipelago in the middle of a s ...

  10. ACM: HDU 1028 Working out 解题报告-DP

    Working out time limit per test  2 seconds memory limit per test  256 megabytes input  standard inpu ...