js实现登录时记住用户名-阿里云开发者社区

js实现登录时记住用户名

2016-05-11 2815

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

在页面中如何获取cookie值呢?

如果是JSP的话,可以通过servlet的对象request 获取cookie,可以

参考:http://hw1287789687.iteye.com/blog/2050040

如果要求登录页面是html呢?html页面中如何获取cookie呢?

直接上代码了

页面:loginInput.html

代码:

   Html代码  
    
  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html><head>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<!-- base href="http://localhost:8080/shop_goods/" -->  
  
<title>user login</title>  
  
<meta http-equiv="pragma" content="no-cache">  
<meta http-equiv="cache-control" content="no-cache">  
<meta http-equiv="expires" content="0">  
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
<meta http-equiv="description" content="This is my page">  
<script language="JavaScript" src="/shop_goods/js/common_util.js" type="text/javascript"></script>  
              
<!-- 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    -->  
<style type="text/css">  
.errorMessage li {  
    list-style-type: none;  
    margin-left: 0  
}  
</style>  
</head>  
  
<body>  
  
<script type="text/javascript">  
//获取cookie的值  
function getCookie(cookieKey){  
    var cookies = document.cookie ? document.cookie.split('; ') : [];  
  
    for (var i = 0, l = cookies.length; i < l; i++) {  
        var parts = cookies[i].split('=');  
        if(parts.length>1){  
            if(parts[0]==cookieKey){  
                //username1=;  
                return parts[1];  
            }  
        }  
    }  
    return '';  
}  
var username1='';  
window.onload=function(){  
    //cookie的key是'userEmail'  
    username1=getCookie('userEmail');  
  
    //alert("username1:"+username1);  
    var issave222=com.whuang.hsj.$$one("issave");  
    if(username1){  
        if(username1!='' && username1!=null &&username1!=undefined){  
            com.whuang.hsj.$$one("user.username").value=username1;  
            issave222.checked=true;  
        }else{  
            issave222.checked=false;  
        }  
    }else{  
        issave222.checked=false;  
    }  
}  
</script>  
    This is login page.  
    <br>  
    <a href="/shop_goods/">index</a>  
    <br>  
      
        <a href="/shop_goods/user/registerUser.jsp">register user</a>  
      
    <font color="red"></font>  
      
    <font style="font-weight: bold" color="red"> </font>  
              
      
      
        <form action="/shop_goods/user/login" method="post">  
            <table>  
                <tbody><tr>  
                    <td>username:</td>  
                    <td><input name="user.username" id="user_username" type="text">  
                    </td>  
                </tr>  
                <tr>  
                    <td>password:</td>  
                    <td><input name="user.password" id="user_password" type="text">  
                    </td>  
                </tr>  
                <tr> <td colspan="2"> <input name="issave" value="save" type="checkbox"> 保存用户名</td></tr>  
                <tr>  
                    <td colspan="2"><input id="" value="login" type="submit">  
</td>  
                      
                </tr>  
  
            </tbody></table>  
              
  
  
</form></body></html>  

js实现登录时记住用户名

热门文章

最新文章

相关课程

相关电子书

相关实验场景