- 浏览: 583422 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (819)
- java开发 (110)
- 数据库 (56)
- javascript (30)
- 生活、哲理 (17)
- jquery (36)
- 杂谈 (15)
- linux (62)
- spring (52)
- kafka (11)
- http协议 (22)
- 架构 (18)
- ZooKeeper (18)
- eclipse (13)
- ngork (2)
- dubbo框架 (6)
- Mybatis (9)
- 缓存 (28)
- maven (20)
- MongoDB (3)
- 设计模式 (3)
- shiro (10)
- taokeeper (1)
- 锁和多线程 (3)
- Tomcat7集群 (12)
- Nginx (34)
- nodejs (1)
- MDC (1)
- Netty (7)
- solr (15)
- JSON (8)
- rabbitmq (32)
- disconf (7)
- PowerDesigne (0)
- Spring Boot (31)
- 日志系统 (6)
- erlang (2)
- Swagger (3)
- 测试工具 (3)
- docker (17)
- ELK (2)
- TCC分布式事务 (2)
- marathon (12)
- phpMyAdmin (12)
- git (3)
- Atomix (1)
- Calico (1)
- Lua (7)
- 泛解析 (2)
- OpenResty (2)
- spring mvc (19)
- 前端 (3)
- spring cloud (15)
- Netflix (1)
- zipkin (3)
- JVM 内存模型 (5)
- websocket (1)
- Eureka (4)
- apollo (2)
- idea (2)
- go (1)
- 业务 (0)
- idea开发工具 (1)
最新评论
-
sichunli_030:
对于频繁调用的话,建议采用连接池机制
配置TOMCAT及httpClient的keepalive以高效利用长连接 -
11想念99不见:
你好,我看不太懂。假如我的项目中会频繁调用rest接口,是要用 ...
配置TOMCAT及httpClient的keepalive以高效利用长连接
下面主要通过代码给大家展示下javascript记住用户名和登录密码,具体代码内容请看下文。
第一种方式:
CONTENT
login.html
welcome.html
cookie.js
common.js
login.html
welcome.html
common.js
第二种方式:
转自:http://www.jb51.net/article/70587.htm
第一种方式:
CONTENT
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>login</title> <script type="text/javascript" src="cookie.js"></script> <script type="text/javascript" src="common.js"></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>
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>welcome</title> </head> <body> <h1>Welcome!</h1> <a href="login.html">点击返回登陆框</a> </body> </html> cookie.js //新建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=" + 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 (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; }
common.js
function $(objStr){return document.getElementByIdx_x_x(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 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 = usr; } else { document.getElementById('txtUserName').value = "001"; } GetPwdAndChk(); } //点击登录时触发客户端事件 function SetPwdAndChk() { //取用户名 var usr = document.getElementById('txtUserName').value; alert(usr); //将最后一个用户信息写入到Cookie SetLastUser(usr); //如果记住密码选项被选中 if(document.getElementById('chkRememberPwd').checked == true) { //取密码值 var pwd = document.getElementById('txtPassword').value; alert(pwd); var expdate = new Date(); expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000)); //将用户名和密码写入到Cookie SetCookie(usr, pwd, expdate); } else { //如果没有选中记住密码,则立即过期 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').value; var pwd = GetCookie(usr); if (pwd != null) { document.getElementById('chkRememberPwd').checked = true; document.getElementById('txtPassword').value = pwd; } else { document.getElementById('chkRememberPwd').checked = false; document.getElementById('txtPassword').value = ""; } } //取Cookie的值 function GetCookie(name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; //alert(j); if (document.cookie.substring(i, j) == arg) return getCookieVal(j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } var isPostBack = "<%= IsPostBack %>"; function getCookieVal(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } //写入到Cookie function SetCookie(name, value, expires) { var argv = SetCookie.arguments; //本例中length = 3 var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; 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').value; var expdate = new Date(); SetCookie(usr, null, expdate); } </script> </head> <body> <form id="form1"> <div> 用户名:<input type="text" ID="txtUserName" onblur="GetPwdAndChk()"> <input type="password" ID="txtPassword"> 密码: <input type="checkbox" ID="chkRememberPwd" /> 记住密码 <input type="button" OnClick="SetPwdAndChk()" value="进入"/> </div> </form> </body>
转自:http://www.jb51.net/article/70587.htm
发表评论
-
解决 CSDN 登录后才能复制的功能
2022-01-10 18:02 938javascript:document.body.conten ... -
Flutter和RN对比
2021-10-22 11:33 317Flutter和RN对比 Flutter介绍和主流框架的对比 ... -
window.opener引用为null的解决办法
2021-03-14 14:15 1945http://www.bubuko.com/infodetai ... -
layui select下拉框改变之 change 监听事件
2019-04-10 10:21 764https://blog.csdn.net/weixin_36 ... -
如何和何时使用CSS的!important
2019-04-09 20:45 321https://www.w3cplus.com/css/the ... -
<iframe>标签自适应高度和宽度
2018-04-22 13:06 325引用 <iframe src="index.h ... -
jMessageBox
2017-04-23 16:35 359http://www.thinksaas.cn/topics/ ... -
ajax跨域访问
2017-03-13 07:29 516No 'Access-Control-Allow-Origin ... -
完美Email验证正则表达式
2016-10-12 10:17 757际域名格式如下: 域名由各国文字的特定字符集、英文字母、数字 ... -
browserWindows.js
2016-10-10 09:28 118/****************************** ... -
KO框架
2016-09-19 08:54 952http://knockoutjs.com/documenta ... -
Ajax 请求的http头信息特点 x-requested-with
2016-08-08 09:14 4108很多用到AJAX请求,如何区别一个请求是传统的HTTP请求?还 ... -
js如何监听用户的刷新操作
2016-08-04 11:18 919只监听用户用F5刷新 检测F5的keypress keydow ... -
js两种定义函数、继承方式及区别
2016-07-12 10:11 450一:js两种定义函数的方式及区别 1:函数声明: funct ... -
表单校验组件ValidForm 一
2016-07-06 09:43 165610.表单校验组件ValidForm 10.1使用入门 1、引 ... -
表单校验组件ValidForm 二
2016-07-06 09:38 109010.4Validform对象[方法支 ... -
JS中的!=、== 、!==、===的用法和区别
2016-07-06 08:59 349var num = 1; var str = '1'; ... -
window.returnValue的用法
2016-07-04 10:27 427returnValue是javascript中html的win ... -
深入学习JavaScript: apply 方法 详解(转)——非常好
2016-07-04 10:03 312我在一开始看到javascript的函数apply和call时 ... -
正则表达式验证中文
2016-06-13 15:24 774在实际开发过程中,我们可能经常会遇到需要判断一个字符是否是汉字 ...
相关推荐
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密 码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。同时,任何第三方都可以...
基于JAVA的UDP服务器模型源代码,内含UDP服务器端模型和UDP客户端模型两个小程序,向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
基于JAVA的UDP服务器模型源代码,内含UDP服务器端模型和UDP客户端模型两个小程序,向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
确保记住为该项目设置的用户名和密码。 您将需要设置两个单独的数据库:一个用于测试,一个用于实际应用程序。 具有不同的测试数据库是代码强制要求。 设置Redis 该项目将用作队列的数据存储。 您将需要设置本地...