JavaScript 利用Cookie记录用户登录信息


Posted in Javascript onDecember 08, 2009

Html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Untitled Document</title> 
</head> 
<body> 
<form name="frm1" method="post" onsubmit="loginCheck()"> 
<p>UserName:<input type="text" name="username"/></p> 
<p>Password:<input type="password" name="password"/></p> 
<p> 
<input type="submit" value="Login"/> 
<input type="reset" value="Reset"/> 
</p> 
</form> 
</body> 
</html>

Js代码:

<script language="JavaScript" type="text/javascript"> 
function setCookie(name, value, expires, path, domain, secure) { 
var curcookie = name + "=" + encodeURI(value) 
+((expires) ? ";expires=" + expires.toGMTString() : "") 
+((path) ? ";path=" + path : "") 
+((domain) ? ";domain=" + domain : "") 
+((secure) ? ";secure" : ""); 
document.cookie = curcookie; 
} function getCookie(name) { 
if(document.cookie.length > 0) { 
start = document.cookie.indexOf(name + "="); 
if( start != -1) { 
start = start + name.length + 1; 
end = document.cookie.indexOf(";",start); 
if( end == -1) { 
end = document.cookie.length; 
} 
} 
return decodeURI(document.cookie.substring(start,end)); 
} 
return ""; 
} 
function loginCheck() { 
var name = document.frm1.username.value; 
var pass = document.frm1.password.value; 
if( name == "zghlx" && pass == "123" ) { 
var login = true; 
var now = new Date(); 
now.setDate( now.getDate() + 30); 
setCookie("login",login,now); 
window.location.href = "index.html"; 
} 
} 
function userlogin() { 
var login = getCookie("login"); 
if ( login != null && login != "" ) { 
alert("Welcome..."); 
window.location.href = "index.html"; 
} 
} 
userlogin(); 
</script>
Javascript 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
js实现同一个页面多个渐变效果的方法
Apr 10 Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
详解vue模拟加载更多功能(数据追加)
Jun 23 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 Javascript
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
JavaScript Cookie的读取和写入函数
Dec 08 #Javascript
jquery 双色表格实现代码
Dec 08 #Javascript
IE浏览器打印的页眉页脚设置解决方法
Dec 08 #Javascript
JQuery 表单中textarea字数限制实现代码
Dec 07 #Javascript
测试JavaScript字符串处理性能的代码
Dec 07 #Javascript
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 #Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 #Javascript
You might like
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
浅谈PHP错误类型及屏蔽方法
2017/05/27 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
微信小程序实现同一页面取值的方法分析
2019/04/30 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
深入解析Python中的WSGI接口
2015/05/11 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
python反编译学习之字节码详解
2019/05/19 Python
django最快程序开发流程详解
2019/07/19 Python
详解Python 最短匹配模式
2020/07/29 Python
python打包生成so文件的实现
2020/10/30 Python
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
.net开发工程师面试题
2014/02/25 面试题
师范毕业生个人求职信
2013/12/09 职场文书
ktv收银员岗位职责
2013/12/16 职场文书
车间副主任岗位职责
2013/12/24 职场文书
毕业生见习报告总结
2014/11/08 职场文书
校本课程教学计划
2015/01/19 职场文书
法务专员岗位职责
2015/02/14 职场文书
财务部岗位职责范本
2015/04/14 职场文书
地道战观后感400字
2015/06/04 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记