君，已阅读到文档的结尾了呢~~
JSP作业(二)
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
JSP作业(二)
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口javascript记住用户名和登录密码（两种方式）
字体：[ ] 类型：转载 时间：
这篇文章主要通过两种方式介绍javascript记住用户名和登录密码，有需要的小朋友可以来参考下
下面主要通过代码给大家展示下javascript记住用户名和登录密码，具体代码内容请看下文。
第一种方式：
&&& login.html
&&& welcome.html
&&& cookie.js
&&& common.js
login.html
&!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"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&login&/title&
&script type="text/javascript" src="cookie.js"&&/script&
&script type="text/javascript" src="common.js"&&/script&
&form action=""&
&span&UserName:&/span&
&input id="userName" type="text" value=""/&&/p&
&span&Password:&/span&
&input id="password" type="password" value=""/&&/p&
&span style="font-size:12 color:"&记住密码&/span&
&input id="saveCookie" type="checkbox" value="" /&&/p&
&input id="submit" type="button" value="GO" /&
welcome.html
&!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"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&welcome&/title&
&h1&Welcome!&/h1&
&a href="login.html"&点击返回登陆框&/a&
//新建cookie。
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的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=" +
_expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();
document.cookie = name + "=" + value + _expires +
//获取cookie值
function getCookieValue(name){
var name = escape(name);
//读cookie属性，这将返回文档的所有cookie
var allcookies = document.
//查找名为name的cookie的开始位置
name += "=";
var pos = allcookies.indexOf(name);
//如果找到了具有该名字的cookie，那么提取并使用它的值
if (pos != -1){
//如果pos值为-1则说明搜索"version="失败
var start = pos + name.
//cookie值开始的位置
var end = allcookies.indexOf(";",start);
//从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置
if (end == -1) end = allcookies.
//如果end值为-1说明cookie列表里只有一个cookie
var value = allcookies.substring(start,end); //提取cookie的值
return (value);
//对它解码
else return "";
//搜索失败，返回空字符串
//删除cookie
function deleteCookie(name,path){
var name = escape(name);
var expires = new Date(0);
path = path == "" ? "" : ";path=" +
document.cookie = name + "="+ ";expires=" + expires.toUTCString() +
function $(objStr){return document.getElementByIdx_x_x(objStr);}
window.onload = function(){
//分析cookie值，显示上次的登陆信息
var userNameValue = getCookieValue("userName");
$("userName").value = userNameV
var passwordValue = getCookieValue("password");
$("password").value = passwordV
//写入点击事件
$("submit").onclick = function()
var userNameValue = $("userName").
var passwordValue = $("password").
//服务器验证（模拟）
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 type="text/javascript"&
window.onload=function onLoginLoaded() {
if(isPostBack == "False") {
GetLastUser();
function GetLastUser() {
var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";//GUID标识符
var usr = GetCookie(id);
if (usr != null) {
document.getElementById('txtUserName').value =
document.getElementById('txtUserName').value = "001";
GetPwdAndChk();
//点击登录时触发客户端事件
function SetPwdAndChk() {
//取用户名
var usr = document.getElementById('txtUserName').
alert(usr);
//将最后一个用户信息写入到Cookie
SetLastUser(usr);
//如果记住密码选项被选中
if(document.getElementById('chkRememberPwd').checked == true) {
//取密码值
var pwd = document.getElementById('txtPassword').
alert(pwd);
var expdate = new Date();
expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
//将用户名和密码写入到Cookie
SetCookie(usr, pwd, expdate);
//如果没有选中记住密码,则立即过期
ResetCookie();
function SetLastUser(usr) {
var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";
var expdate = new Date();
//当前时间加上两周的时间
expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
SetCookie(id, usr, expdate);
//用户名失去焦点时调用该方法
function GetPwdAndChk() {
var usr = document.getElementById('txtUserName').
var pwd = GetCookie(usr);
if (pwd != null) {
document.getElementById('chkRememberPwd').checked =
document.getElementById('txtPassword').value =
document.getElementById('chkRememberPwd').checked =
document.getElementById('txtPassword').value = "";
//取Cookie的值
function GetCookie(name) {
var arg = name + "=";
var alen = arg.
var clen = document.cookie.
var i = 0;
while (i & clen) {
var j = i +
//alert(j);
if (document.cookie.substring(i, j) == arg) return getCookieVal(j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
var isPostBack = "&%= IsPostBack %&";
function getCookieVal(offset) {
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1) endstr = document.cookie.
return unescape(document.cookie.substring(offset, endstr));
//写入到Cookie
function SetCookie(name, value, expires) {
var argv = SetCookie.
//本例中length = 3
var argc = SetCookie.arguments.
var expires = (argc & 2) ? argv[2] :
var path = (argc & 3) ? argv[3] :
var domain = (argc & 4) ? argv[4] :
var secure = (argc & 5) ? argv[5] :
document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
function ResetCookie() {
var usr = document.getElementById('txtUserName').
var expdate = new Date();
SetCookie(usr, null, expdate);
&form id="form1"&
用户名:&input type="text" ID="txtUserName" onblur="GetPwdAndChk()"&
&input type="password" ID="txtPassword"&
&input type="checkbox" ID="chkRememberPwd" /&
&input type="button" OnClick="SetPwdAndChk()" value="进入"/&
以上就是用两种方式展示javascript记住用户名和登录密码的全部代码，没有来得及整理运行效果图，希望大家能够喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具博客分类：
经过两天的研究,下面给两个方法.不个是webwork版本的,一个是修改过后的网上的意见监听器版本的
首先先上自己的研究成果
1：首先在baseAction 中或者直接在action中写一个方法,和一个静态map(保存唯一的session)
private static Map&String, HttpSession& httpssessionmap = new Hashtable&String, HttpSession&(); //避免重复登录
2：主方法(给一个返回值是为了给提示)
public Integer loginMethod(LoginInfo loginfo,Users user) throws Exception{
int returnnum=0;
if(httpssessionmap.containsKey(user.getUser_code())){
//qztc_LogInfo(user, (String)httpssessionmap.get(user.getUser_code()).getAttribute(LOGIN_IP));
try{//获取session
("因在其它地方重新登录被系统强制退出");
httpssessionmap.get(user.getUser_code()).removeAttribute(LOGIN_INFO);
}catch(Exception e){
e.printStackTrace();
httpssessionmap.remove(user.getUser_code());
if (pcount & 0)
Thread.sleep(10);
returnnum=1;
set(LOGIN_INFO,loginfo);
//set(LOGIN_INFO, new LoginInfo(user));
//set(LOGIN_IP, this.getIPAddress());
httpssessionmap.put(user.getUser_code(), getHttpSession());
info(getLogPrex_().append("进入系统").toString());
//info(this.LOG_TYPE_LONGIN, "进入系统");
3：获得登录用户的唯一session
protected HttpSession getHttpSession(){
return ServletActionContext.getRequest().getSession();
4:set方法,设置session
protected void set(String name, Object value)
ActionContext.getContext().getSession().put(name, value);
最后可以在 用户登录的action中 调这个baseaction方法...接下来该干嘛干嘛去..
(二) 网上哥们给的意见 (回帖的用户"钟爱java ")
应该是忘记session失效的问题了.
先上代码(代码整理得我都吐血了.)
--接下来都是原话
SessionListener.java监听session的类,部署于/App/WEB-INF/classes/com/test下(其中App为你的应用程序目录)
package com.
import javax.servlet.http.*;
import java.util.*;
public class SessionListener implements HttpSessionListener{
private static HashMap hUserName = new HashMap();//保存sessionID和username的映射
/**以下是实现HttpSessionListener中的方法**/
public void sessionCreated(HttpSessionEvent se){
public void sessionDestroyed(HttpSessionEvent se)
hUserName.remove( se.getSession().getId() );
* isAlreadyEnter-用于判断用户是否已经登录以及相应的处理方法
* @param sUserName String-登录的用户名称
* @return boolean-该用户是否已经登录过的标志
public static boolean isAlreadyEnter(HttpSession session,String sUserName,LoginInfo loginfo){
boolean flag =
if(hUserName.containsValue(sUserName)){
//如果该用户已经登录过，则使上次登录的用户掉线(依据使用户名是否在hUserName中)
//遍历原来的hUserName，删除原用户名对应的sessionID(即删除原来的sessionID和username)
Iterator iter = hUserName.entrySet().iterator();
while (iter.hasNext()) {
Map.Entry entry = (Map.Entry)iter.next();
Object key = entry.getKey();
Object val = entry.getValue();
if( ( (String)val ).equals(sUserName) ){
hUserName.remove(key);
hUserName.put( session.getId(),sUserName );//添加现在的sessionID和username
System.out.println("hUserName = " + hUserName);
//如果该用户没登录过，直接添加现在的sessionID和username
((ActionContext) session).put(LOGIN_INFO, loginfo);
hUserName.put( session.getId(),sUserName );
System.out.println("hUserName = " + hUserName);
* isOnline-用于判断用户是否在线
* @param session HttpSession-登录的用户名称
* @return boolean-该用户是否在线的标志
public static boolean isOnline(HttpSession session){
boolean flag =
if( hUserName.containsKey( session.getId() ) ){
web.xml部署于/App/WEB-INF下
&?xml version="1.0" encoding="ISO-8859-1"?&
&!DOCTYPE web-app
PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"/j2ee/dtds/web-app_2.3.dtd"&
&listener&
&listener-class&
com.inspirer.dbmp.SessionListener
&/listener-class&
&/listener&
&/web-app&
1.在你的登录验证时,调用SessionListener.isAlreadyEnter(session,"admin") 既可以判断该用户名的用户是否登录过,又可以使上次登录的用户掉线
2.其他页面调用SessionListener.isOnline(session),可以判断该用户是否在线.
浏览 13953
博主，请问下，用户直接关闭浏览器之后，sessionDestroyed方法并没有执行，hUserName中的值还是有的啊，请问怎么解决这个问题呢？谢谢。因为我的现在出现了如下的问题，当用户直接关闭浏览器之后，下次不管隔多久，还是会提示用户已登陆，因为当用户关闭浏览器的时候，hashtable中的值并没有删除呢。貌似session过期也不起作用啊，这是为啥。&& 呵呵~& 自从ITeye 改版后,很久没有整理过ITEYE了.&& 差不多都忘记很多了.呵呵~& 稍微看了下. 我之前做的可能更适用我当时做的场景.& 还是推荐用监听器.& 至于关闭浏览器, 如果session没有注销掉. 那么你就用JS抓住这个关闭事件. 然后调用程序删除这个用户的session. 如果你也是用map来处理的话.
浏览: 284841 次
来自: 上海
这个也是调用Excel IO实现的吗？之前都是通过Spread ...
太喜欢了，谢谢
挺实用的。
var isMobile=/^(?:13\d|15\d)\d{ ...
jquery调用函数时传递对象参数
http://www.s ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&