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 分号引起的一段调试问题
Jun 18 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 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 加密与解密的斗争
2009/04/17 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
js中apply方法的使用详细解析
2013/11/04 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
jquery+正则实现统一的表单验证
2015/09/20 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
使用Layui搭建后台管理界面的操作方法
2019/09/20 Javascript
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
python查找指定具有相同内容文件的方法
2015/06/28 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
Python中bisect的使用方法
2019/12/31 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
Python使用Matlab命令过程解析
2020/06/04 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
涉外文秘个人求职的自我评价
2013/10/07 职场文书
个人银行贷款担保书
2014/04/01 职场文书
班主任寄语大全
2014/04/04 职场文书
2014年教师节活动总结
2014/08/29 职场文书
瘦西湖导游词
2015/02/03 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
CSS预处理框架——Stylus
2021/04/21 HTML / CSS