js使用cookie保存登陆信息

最新推荐文章于 2024-08-08 18:34:38 发布

yzxzsp11

最新推荐文章于 2024-08-08 18:34:38 发布

阅读量4.9k

点赞数

分类专栏： javascript 文章标签： cookie javascript

本文链接：https://blog.csdn.net/yzxzsp11/article/details/50610369

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>jsCookie</title>
</head>
<body>
<form id="form1" action="http://www.apple.com">
    username:<input type="text" name="user" /><br/>
    password:<input type="password" name="pass"/> </br>
    <input type="submit" value="login" />
</form>
</body>
<script>
    //实现使用cookie来记住用户名
    window.onload=function(){
        var oUser=document.getElementsByName('user');
        var oForm=document.getElementById('form1');
        oForm.onsubmit=function(){
            setCookie('user',oUser.value,14);   //保存14天
        };
        oUser.value=getCookie('user');   //每次刷新页面都将信息取出来
    };


    function setCookie(name,value,days){    //封装一个设置cookie的函数
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+days);   //days为保存时间长度
        document.cookie=name+'='+value+';expires='+oDate;
    }
    setCookie('password','12345','14');     //保存密码,14天后过期
    function getCookie(name){
        var arr=document.cookie.split(';');
        for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split('=');
            if(arr2[0]==name){
                return arr2[1];  //找到所需要的信息返回出来
            }
        }
        return '';        //找不到就返回空字符串
    }
    function removeCookie(name){
        setCookie(name,1,-1);    //-1表示昨天过期,系统自动删除
    }



</script>
</html>