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插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
简化vuex的状态管理方案的方法
Jun 02 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
1 Tube Radio
2021/03/02 无线电
用Flash图形化数据(二)
2006/10/09 PHP
php 购物车实例(申精)
2009/05/11 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
修改发贴的编辑功能
2007/03/07 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
情人节之礼 js项链效果
2012/02/13 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
在 Angular中 使用 Lodash 的方法
2018/02/11 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
Python类的动态修改的实例方法
2017/03/24 Python
Python Flask-web表单使用详解
2017/11/18 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
微软香港官网及网上商店:Microsoft HK
2016/09/01 全球购物
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
办理居住证介绍信
2014/01/15 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
企业法人任命书
2015/09/21 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Python中字符串对象语法分享
2022/02/24 Python