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. activiti-explorer：使用mysql导入外部bpmn文件后存在乱码的问题

    我已经采取了如下步骤,但是仍然还是乱码 1. 在mysql中创建数据库时指定使用utf8编码: CREATE DATABASE Activiti DEFAULT CHARACTER SET utf8 ...

  2. [CareerCup] 9.11 Parenthesize the Expression 表达式加括号

    9.11 Given a boolean expression consisting of the symbols 0,1, &, |, and ^, and a desired boolea ...

  3. 第十章 系统级I/O

    第十章 系统级I/O 一.Unix I/O 1.一个unix文件就是一个m个字节的序列 2.unix外壳创建的每个进程开始时都有三个打开的文件:标准输入(0) .标准输出(1)和标准错误(-1). 二 ...

  4. 最长回文子串（Manacher算法）

    回文字符串,想必大家不会不熟悉吧? 回文串会求的吧?暴力一遍O(n^2)很简单,但当字符长度很长时便会TLE,简单,hash+二分搞定,其复杂度约为O(nlogn), 而Manacher算法能够在线性 ...

  5. 开始开发HoloLens应用吧 Start Developing HoloLens Apps Today

    在经历数个月的期待与等待后,终于拿到了预订的 HoloLens 开发者版本套件.经过一个月的学习和研究,对于HoloLens开发有了更浓厚的兴趣. 根据积累的经验,特录制了一节HoloLens开发教程 ...

  6. 高版本jquery尤其是1.10.2的版本设置input radio设置值的最正确的姿势。

    $("input:radio[name="analyshowtype"]").attr("checked",false); $(" ...

  7. MVC4/5+jquery+bootstrap样式+dataTables+linq+WCF+EF6后台和前台的框架集合！好蛋疼哦！数据库支持MYSQL 和MSSQL，oracle。集成腾讯企业邮箱收邮件同步用户SSO登陆等功能。

    花费了我好多心血,才做出来,下个项目准备用这个框架! 大家有没有做这方面的可以交流一下! 花费了我好多心血,才做出来,下个项目准备用这个框架! 大家有没有做这方面的可以交流一下! 花费了我好多心血,才 ...

  8. Jquery-EasyUI学习~

    为了回顾,简单记录下EasyUI如何使用: 先来张效果图: 这张图是从后台获取数据,然后进行展示的. 我这里利用的是EF-MVC. 先说下View视图里面的HTML代码是如何写的: @{ ViewBa ...

  9. 关于js的string的3个函数slice,substring,substr对比

    slice,substring,substr三个函数都是截取字符串,但是对参数的处理有区别 参数处理相似的两个函数式slice和substring slice(start,end)和substring ...

  10. Spring-事物传播行为

    spring事物的传播属性(7种) REQUIRED(默认) 业务方法需要在一个容器里运行.如果方法运行时,已经处在一个事务中,那么加入到这个事务,否则自己新建一个新的事务. 存在事物,则使用当前事物 ...