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 相关文章推荐
共享自己写一个框架DreamScript
Jan 20 Javascript
js切换光标示例代码
Oct 10 Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
详解Bootstrap按钮
Jan 04 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
vue项目每30秒刷新1次接口的实现方法
Dec 04 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
angular6开发steps步骤条组件
Jul 04 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
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以ROOT权限执行系统命令的方法
2011/02/10 PHP
php字符串截取的简单方法
2013/07/04 PHP
JavaScript开发时的五个注意事项
2007/12/08 Javascript
jQuery 性能优化指南(2)
2009/05/21 Javascript
javascript 动态设置已知select的option的value值的代码
2009/12/16 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
js 调用百度分享功能
2017/02/27 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
Python中asyncore的用法实例
2014/09/29 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
Python生成密码库功能示例
2017/05/23 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
详解KMP算法以及python如何实现
2020/09/18 Python
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
2014保险公司内勤工作总结
2014/12/16 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
国庆节慰问信
2015/02/15 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
小王子读书笔记
2015/06/29 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
Nginx 过滤静态资源文件的访问日志的实现
2021/03/31 Servers