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 相关文章推荐
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
Cookie 小记
Apr 01 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
Jquery插件编写简明教程
Mar 25 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
JS实现简单的天数计算器完整实例
Apr 28 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
使用JS来动态操作css的几种方法
Dec 18 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
文件上传的实现
2006/10/09 PHP
php 无限级 SelectTree 类
2009/05/19 PHP
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php中opendir函数用法实例
2014/11/15 PHP
laravel自定义分页效果
2017/07/23 PHP
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
2013/12/04 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
2014/06/10 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
2020/09/22 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python3之简单搭建自带服务器的实例讲解
2018/06/04 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
np.dot()函数的用法详解
2020/01/17 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
html5时钟实现代码
2010/10/22 HTML / CSS
美国NBA官方商店:NBA Store
2019/04/12 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
测控技术与仪器个人求职信范文
2013/12/30 职场文书
家长给学校的建议书
2014/05/15 职场文书
运动会横幅标语
2014/06/17 职场文书
个人买房协议书范本
2014/10/06 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python