<!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. Java学习笔记（九）——继承

    一.继承 1.概念: 继承是类于类之间的关系,是一种"is a "的关系 Ps: Java是单继承 2.优势: (1)子类直接拥有父类的所有属性和方法(除了privata) (2) ...

  2. 用ajax和js怎么做出滚动条滚到最下面分页

    获取滚动条位置(scrollTop) 获取可视窗口高度(viewportHeight) 获取整个页面可滚动高度(scrollHeight) 当scrollTop+viewportHeight==scr ...

  3. 标签q

    标记短的引用,默认是中文符号:双引号 <p>文字<q>段落中的引用</q>文字</p> 如果是在html里直接敲出引号,是这样的: <p>文 ...

  4. 多态、类库、委托、is和as运算符、泛型集合

    多态:简而言之就是龙生九子,各有不同 有了继承,才有了多态 1.虚方法 virtual 重写 override 父类中的方法,在子类中并不适用,那么子类需要自主更改继承的方法或者是属性,那父类中加了v ...

  5. 【spring bean】spring中bean的懒加载和depends-on属性设置

    项目结构如下: ResourceBean.java代码: package com.it.res; import java.io.File; import java.io.FileNotFoundExc ...

  6. jsp include指令

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"% ...

  7. SpringRMI解析4-客户端实现

    根据客户端配置文件,锁定入口类为RMIProxyFactoryBean,同样根据类的层次结构查找入口函数. <bean id="rmiServiceProxy" class= ...

  8. hdu1059 多重背包(转换为01背包二进制优化)

    题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=1059 之前写过一个多重背包二进制优化的博客,不懂请参考:http://www.cnblog ...

  9. 2016.8.16 HTML5重要标签及其属性学习

    1.运用BootStrap的基本布局: 2.基本布局第二步: ] 3.BootStrap提供了一个class=”well“”类,可以给你种深度的感觉: 4.不是每一个类都是为了CSS,有些类创建出来只 ...

  10. JSP通过IP获取用户（客户端）的地理位置信息

    <%!//获取客户端的IP public String getRemoteIP(HttpServletRequest request) { if (request.getHeader(" ...