浏览器登录cookie

最新推荐文章于 2024-03-21 17:15:00 发布

zhao_perry

最新推荐文章于 2024-03-21 17:15:00 发布

阅读量1.3k

点赞数 1

分类专栏： web前端文章标签： cookie

本文链接：https://blog.csdn.net/perrywork/article/details/38511745

版权

web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login</title>
<script type="text/javascript">
//新建cookie。
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie（如果这个cookie存在）。
//设置cookie
function setCookie(name,value,hours,path){
    var name = escape(name);
    var value = escape(value);
    var expires = new Date();
    expires.setTime(expires.getTime() + hours*3600000);
    path = path == "" ? "" : ";path=" + path;
    _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();
    document.cookie = name + "=" + value + _expires + path;
}
//获取cookie值
function getCookieValue(name){
    var name = escape(name);
    //读cookie属性，这将返回文档的所有cookie
    var allcookies = document.cookie;
    //查找名为name的cookie的开始位置
    name += "=";
    var pos = allcookies.indexOf(name);
    //如果找到了具有该名字的cookie，那么提取并使用它的值
    if(pos != -1){                                      //如果pos值为-1则说明搜索"version="失败
        var start = pos + name.length;                  //cookie值开始的位置
        var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置
        if (end == -1) end = allcookies.length;   //如果end值为-1说明cookie列表里只有一个cookie
        var value = allcookies.substring(start,end); //提取cookie的值
        return unescape(value);                         //对它解码
    }else
return "";          //搜索失败，返回空字符串
}
//删除cookie
function deleteCookie(name,path){
    var name = escape(name);
    var expires = new Date(0);
    path = path == "" ? "" : ";path=" + path;
    document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;
}
function $(objStr){return document.getElementById(objStr);}
window.onload = function(){
   //分析cookie值，显示上次的登陆信息
    var userNameValue = getCookieValue("userName");
    $("userName").value = userNameValue;
   var passwordValue = getCookieValue("password");
    $("password").value = passwordValue;
   //写入点击事件
    $("submit").onclick = function()
    {
        var userNameValue = $("userName").value;
        var passwordValue = $("password").value;
        //服务器验证（模拟）
        var isAdmin = userNameValue == "admin" && passwordValue =="123456";
        var isUserA = userNameValue == "userA" && passwordValue =="userA";
        var isMatched = isAdmin || isUserA;
        if(isMatched){
            if( $("saveCookie").checked){
                setCookie("userName",$("userName").value,24,"/");
                setCookie("password",$("password").value,24,"/");
            }
            alert("登陆成功,欢迎你," + userNameValue + "!");
            self.location.replace("welcome.html");
        }
        else alert("用户名或密码错误，请重新输入！");
    }
}

</script>
</head>
<body>
<form action="">
<p>
    <span>UserName:</span>
   <input id="userName" type="text" value=""/></p>
<p>
    <span>Password:</span>
    <input id="password" type="password" value=""/></p>
<p>
    <span style="font-size:12px; color:blue;">记住密码</span>
   <input id="saveCookie" type="checkbox" value="" /></p>
<p>
    <input id="submit" type="button" value="GO" />
</p>
</form>
</body>
</html>

zhao_perry

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器登录cookie

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> login//新建cookie。 //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cook
复制链接

扫一扫