zoukankan      html  css  js  c++  java
  • JS 操作cookie

    平时网站的开发中cookie用的还是用的比较多的,因为cookie在客户端,所以用js操作的比较多,下面是常用的设置、查找、删除等功能实现。

    function addCookie(objName, objValue, objHours){//添加cookie
    var str = objName + "=" + escape(objValue);
    if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失
    var date = new Date();
    var ms = objHours * 3600 * 1000;
    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 = 0; i < arrStr.length; i++) {
    var temp = arrStr[i].split("=");
    if (temp[0] == objName)
    return unescape(temp[1]);
    }
    }
    function delCookie(name){//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "=a; expires=" + date.toGMTString();
    }
    function allCookie(){//读取所有保存的cookie字符串
    var str = document.cookie;
    if (str == "") {
    str = "没有保存任何cookie";
    }
    alert(str);
    }
    这是在网上找到的一个例子,感觉挺好的就贴上来了
    <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) {//为0时不设定过期时间,浏览器关闭时cookie自动消失
                    var date = new Date();
                    var ms = objHours * 3600 * 1000;
                    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 = 0; i < arrStr.length; i++) {
                    var temp = arrStr[i].split("=");
                    if (temp[0] == objName)
                        return unescape(temp[1]);
                }
            }
    
            function delCookie(name){//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间
                var date = new Date();
                date.setTime(date.getTime() - 10000);
                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>
    

      

  • 相关阅读:
    C# 设计模式-抽象工厂模式
    C# 设计模式-工厂方法模式
    C# 设计模式-简单工厂模式
    C# 设计原则-迪米特法则(最少知识原则)
    C# 设计原则-接口隔离原则
    阻止右击事件并更改为自定义导航栏;
    今日头条滚动新闻版块特效
    抓包工具
    查看页面加载速度
    插件那点事
  • 原文地址:https://www.cnblogs.com/yuanzhiguo/p/7268276.html
Copyright © 2011-2022 走看看