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 相关文章推荐
JS模拟多线程
Feb 07 Javascript
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
angular内置provider之$compileProvider详解
Sep 27 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
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日历[测试通过]
2008/03/27 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
jQuery实现可兼容IE6的滚动监听功能
2017/09/20 jQuery
vue组件之Alert的实现代码
2017/10/17 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
python 判断是否为正小数和正整数的实例
2017/07/23 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
pyqt5 禁止窗口最大化和禁止窗口拉伸的方法
2019/06/18 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
英国在线泳装店:Simply Swim
2019/05/05 全球购物
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
初中生期末评语大全
2014/04/24 职场文书
设备技术员岗位职责
2015/04/11 职场文书
MySQL命令行操作时的编码问题详解
2021/04/14 MySQL
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫