cookies的函数封装

最新推荐文章于 2025-02-19 15:01:29 发布

风雨中De追梦人

最新推荐文章于 2025-02-19 15:01:29 发布

阅读量328

点赞数

分类专栏： JavaScript 文章标签： web javascript html

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie</title>
</head>
<body>
    用户名：&nbsp;
    <input type="text" value=""  id="text" /><br/><br/>
    密码：&nbsp;
    <input type="password" value="" id="password">
    <a href="javascript:;" id="zC">注册</a>
    <a href="javascript:;" id="hq">获取</a>
    <a href="javascript:;" id="del">删除</a>
</body>

<script type="text/javascript">
    var oText = document.getElementById('text'),
        pS = document.getElementById('password'),
        zC = document.getElementById('zC'),
        hQ = document.getElementById('hq'),
        deL = document.getElementById('del');
    zC.onclick = function(){//点击注册
        getCookie(oText.value,pS.value);
    }
    hQ.onclick = function(){//点击获取
        alert(document.cookie);
    }
    deL.onclick = function(){//点击删除
        var onOff2 = true;
        var arr1 = document.cookie.split('; ');
        for(var i=0 ; i<arr1.length ; i++){
            var arr2 = arr1[i].split('=');
            if(arr2[0]==oText.value ){
                 removeCookie(oText.value);
                 alert("删除成功！");
                 return;
            }else{
                onOff2 = false;
            }
        }
        if(!onOff2){
            alert("此用户并未注册过,无法删除！");
        }
    }
    function setCookie(key,value,t){ //存储cookie值
        var oDate = new Date();
        oDate.setDate(oDate.getDate()+t);
        document.cookie = key+'='+encodeURI(value)+';expires='+oDate.toGMTString();alert(encodeURI(key));
    }
    function getCookie(key,value){ //获取cookie值
        var onOff = true;
        var arr1 = document.cookie.split('; ');
        for(var i=0 ; i<arr1.length;i++){
            var arr2 = arr1[i].split('=');  
            if(arr2[0] == key){//用户名
                alert(decodeURI(arr2[0])+"已注册过了");
                return;
            }else{//注册
                if(value != ''){
                    setCookie(key,value,10);
                }else{
                    onOff = false;
                }
            }
        }
        if(onOff == false){
            alert("请输入密码");
        }
    }
    function removeCookie(key){//删除cookie值
        setCookie(key,'',-1);
    }
</script>
<!-- debugger;按F10即可调试 -->
</html>