web项目登录记住密码Cookie使用实例

1.使用背景

系统登录记住密码功能，其原理就是在前端页面实现对cookie的增加、删除、获取的功能。

代码就是最好的文档

核型代码

//写cookies
     function setCookie(name, value) {
	      var Days = 30;
	      var exp = new Date();
	      exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
	      document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
     }
     //读取cookies 
     function getCookie(name) {
	      var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
	      if (arr = document.cookie.match(reg)) return unescape(arr[2]);
	      else return null;
     }
     //删除cookies 
     function delCookie(name) {
	      var exp = new Date();
	      exp.setTime(exp.getTime() - 1);
	      var cval = getCookie(name);
	      if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
     }

代码应用

页面初始化 调用 getCookie(name)方法如果不为空则获取填入相关位置

登陆时如果密码记住密码 则 调用 setCookie(name,key) 否则delCookie(name);

小应用

//如果当前窗口不是顶层窗口
	if(window.self!=window.top){
		window.top.location.href='${ctx}/login.jsp';
	}

//给整个窗口注册回车keydown事件
		$(window).keydown(function(event){
			if(event.keyCode==13){
				login();
			}
		});