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的deferred对象使用详解
Aug 20 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
Nov 30 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
Feb 17 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
vue2.0获取自定义属性的值
Mar 28 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
JS中的回调函数实例浅析
Mar 21 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 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 array_map()数组函数使用说明
2011/07/12 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
php实用代码片段整理
2016/11/12 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python程序语言快速上手教程
2012/07/18 Python
vc6编写python扩展的方法分享
2014/01/17 Python
python Django模板的使用方法
2016/01/14 Python
python+matplotlib演示电偶极子实例代码
2018/01/12 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
党员领导干部廉洁从政承诺书
2014/03/27 职场文书
班级文化标语
2014/06/23 职场文书
擅自离岗检讨书
2014/09/12 职场文书
法定代表人免职证明
2015/06/24 职场文书
中秋晚会致辞
2015/07/31 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书