js使用cookie保存登陆信息

来源:互联网 发布:ws小世界网络模型 编辑:程序博客网 时间:2024/06/05 00:45
<!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>
0 0
原创粉丝点击