js设置cookie有很多种方法。

第一种：（这个是w3c官网的代码）

<script>

//设置cookie

function setCookie(cname, cvalue, exdays) {

    var d = new Date();

    d.setTime(d.getTime() + (exdays****));

    var expires = "expires="+d.toUTCString();

    document.cookie = cname + "=" + cvalue + "; " + expires;

}

//获取cookie

function getCookie(cname) {

    var name = cname + "=";

    var ca = document.cookie.split(';');

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

        var c = ca[i];

        while (c.charAt()==' ') c = c.substring();

        if (c.indexOf(name) != -) return c.substring(name.length, c.length);

    }

    return "";

}

//清除cookie

function clearCookie(name) {

    setCookie(name, "", -);

}

function checkCookie() {

    var user = getCookie("username");

    if (user != "") {

        alert("Welcome again " + user);

    } else {

        user = prompt("Please enter your name:", "");

        if (user != "" && user != null) {

            setCookie("username", user, );

        }

    }

}

checkCookie();

</script>

第二种：

<script>

//JS操作cookies方法!

//写cookies

function setCookie(c_name, value, expiredays){

 　　　　var exdate=new Date();

　　　　exdate.setDate(exdate.getDate() + expiredays);

　　　　document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());

 　　}

//读取cookies

function getCookie(name)

{

    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

    if(arr=document.cookie.match(reg))

        return (arr[]);

    else

        return null;

}

//删除cookies

function delCookie(name)

{

    var exp = new Date();

    exp.setTime(exp.getTime() - );

    var cval=getCookie(name);

    if(cval!=null)

        document.cookie= name + "="+cval+";expires="+exp.toGMTString();

}

//使用示例

setCookie('username','Darren',)

alert(getCookie("username"));

</script>

第三个例子

<html>

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

    <head>

        <script language="JavaScript" type="text/javascript"> 

            function addCookie(objName, objValue, objHours){//添加cookie

                var str = objName + "=" + escape(objValue);

                if (objHours > ) {//为0时不设定过期时间，浏览器关闭时cookie自动消失

                    var date = new Date();

                    var ms = objHours *  * ;

                    date.setTime(date.getTime() + ms);

                    str += "; expires=" + date.toGMTString();

                }

                document.cookie = str;

                alert("添加cookie成功");

            } 

            function getCookie(objName){//获取指定名称的cookie的值

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

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

                    var temp = arrStr[i].split("=");

                    if (temp[] == objName)

                        return unescape(temp[]);

                }

            } 

            function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间

                var date = new Date();

                date.setTime(date.getTime() - );

                document.cookie = name + "=a; expires=" + date.toGMTString();

            } 

            function allCookie(){//读取所有保存的cookie字符串

                var str = document.cookie;

                if (str == "") {

                    str = "没有保存任何cookie";

                }

                alert(str);

            } 

            function $(m, n){

                return document.forms[m].elements[n].value;

            } 

            function add_(){

                var cookie_name = $("myform", "cookie_name");

                var cookie_value = $("myform", "cookie_value");

                var cookie_expireHours = $("myform", "cookie_expiresHours");

                addCookie(cookie_name, cookie_value, cookie_expireHours);

            } 

            function get_(){

                var cookie_name = $("myform", "cookie_name");

                var cookie_value = getCookie(cookie_name);

                alert(cookie_value);

            } 

            function del_(){

                var cookie_name = $("myform", "cookie_name");

                delCookie(cookie_name);

                alert("删除成功");

            }

        </script>

    </head>

    <body>

        <form name="myform">

            <div>

                <label for="cookie_name">

                    名称

                </label>

                <input type="text" name="cookie_name" />

            </div>

            <div>

                <label for="cookie_value">

                值

                </lable>

                <input type="text" name="cookie_value" />

            </div>

            <div>

                <label for="cookie_expireHours">

                多少个小时过期

                </lable>

                <input type="text" name="cookie_expiresHours" />

            </div>

            <div>

                <input type="button" value="添加该cookie" onclick="add_()"/><input type="button" value="读取所有cookie" onclick="allCookie()"/><input type="button" value="读取该名称cookie" onclick="get_()"/><input type="button" value="删除该名称cookie" onclick="del_()"/>

            </div>

        </form>

</body>

</html>

注意：

chrome浏览器在本地获取不到cookie。必须在服务器上才可以。如果是本地的话，你可以放到local的www目录下面。

Google Chrome只支持在线网站的cookie的读写操作，对本地html的cookie操作是禁止的。所以下面的代码如果你写在一个本地的html文件中，将弹出的对话框内容为空。

document.cookie = "Test=cooo";
alert(document.cookie);

如果这个页面是在线网站的内容，则会正常显示cookie内容Test=cooo等等。

JS设置cookie，删除cookie的更多相关文章

  1. js 判断js函数、变量是否存在 JS保存和删除cookie操作,判断cookie是否存在的方法

    //是否存在指定函数 function isExitsFunction(funcName) {    try {        if (typeof(eval(funcName)) == " ...

  2. JS读取写入删除COOKIE的各种操作

    1. .NET后置代码中获取 Response.Redirect("http://www.baidu.com?id=" +Request.Cookies["size&qu ...

  3. js保存,获取,删除cookie的操作

    [转]来自:http://blog.csdn.net/itmyhome1990/article/details/7363816 JSP表单页面 <form action="login& ...

  4. JS存储cookie读取cookie删除cookie详细用法

    假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量 ...

  5. 五十八：Flask.Cookie之flask设置和删除cookie

    1.设置cookie:在flask.Response对象上,使用set_cookie('cookie名', 'cookie值')设置cookie set_cookie源码 key:cookie名val ...

  6. js设置和读取cookie

    /*path参数:表示cookie所在的目录,.net默认为/(根目录).在同一个服务器上有目录如下:/test/,/test/aa/,/test /bb/,现设一个cookie1的path为/tes ...

  7. jquery获取、设置、删除cookie

    获取cookie: function getCookie(cname) { var name = cname + "="; var ca = document.cookie.spl ...

  8. 设置cookie,删除cookie,读取cookie

    1.首先来说下cookie的作用 我们在浏览器中,经常涉及到数据的交换,比如你登录邮箱,登录一个页面.我们经常会在此时设置30天内记住我,或者自动登录选项.那么它们是怎么记录信息的呢,答案就是今天的主 ...

  9. js设置与获取Cookie

    /*设置与获取Cookie*/ var Cookie ={} Cookie.write = function(key, value, duration){ var d = new Date(); d. ...

  10. js添加、删除Cookie

    //cookie function addCookie(objName, objValue, objHours) { //添加cookie var str = objName + "=&qu ...

随机推荐

  1. Linux常用指令---定时任务

    linux定时任务crontab命令选项基本只有对用户操作选项:-u 指定用户-l 列出某用户任务计划-r 删除某用户任务-e 编辑某用户任务 查看某一用户的定时任务crontab -u root - ...

  2. [Android] 安卓模拟器临时文件相关问题

    今天生产环境有台机器的硬盘满了,排查发现我的模块在/tmp/android-username目录下留了一堆形如“emulator-1tpH5l”的文件,占用了很大的空间. 这个模块会反复启停好几个安卓 ...

  3. LeetCode:Palindrome Partitioning,Palindrome Partitioning II

    LeetCode:Palindrome Partitioning 题目如下:(把一个字符串划分成几个回文子串,枚举所有可能的划分) Given a string s, partition s such ...

  4. 在coding上添加ssh-key

    第一步:检查有没有ssh-key 第二步:生成ssh-key 第三步:添加到coding上或者Github上. ls -al ~/.ssh ssh-keygen -t rsa -C "you ...

  5. 常用的user32API说明

    整理了一下常用的user32API说明 还有软件Microsoft Spy++供大家下载  Spyv10.00.30319.rar using System; using System.Collect ...

  6. unity3d NGUI制作角色展示框

    最近在搞赛车漂移,所以一直没有更新博客 现在已经实现圈数检测.复位点检测.反向检测等功能 本来准备写成三篇文章的,太忙了,等过段时间不忙了在写吧 今天有朋友问我3D角色怎么给他固定在一个框里面 这个功 ...

  7. 【Groovy基础系列】 Groovy运算符

    ?运算符 在java中,有时候为了避免出现空指针异常,我们通常需要这样的技巧: if(rs!=null){ rs.next() … … } 在groovy中,可以使用?操作符达到同样的目的: rs?. ...

  8. 让js的forin循环禁止forin到某个属性的话要怎么做

    //知识点1:for In循环是可以枚举到继承的属性的://知识点2:使用defineProperty让属性无法通过forIn枚举到://知识点3:用definedProperty重新定义一个属性药把 ...

  9. 执行quartz报错java.lang.NoClassDefFoundError: javax/transaction/UserTransaction

    使用maven ,可以在 http://mvnrepository.com 中去查找 pom 配置如何写 <!-- https://mvnrepository.com/artifact/org. ...

  10. 关于MyEclipse对Struts2配置文件较检异常 Invalid result location value/parameter

    有时候Struts.xml配置没有错误,完全可以顺利运行,而MyEclipse9以上版本却经常出现一大坨错误标识,错误信息是 Invalid result location value/paramet ...