JavaScript 利用Cookie记录用户登录信息


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>



相关阅读:
linux 用dd命令读写引导区文件
通过CSS实例实现清除浮动
div+css布局必了解的列表元素ul ol li dl dt dd详解
打开页面就是全屏的方法
在PHP3中实现SESSION的功能(三)
鲍尔默说话没谱 微软公关重申按期停售XP
JavaScript CSS 通用循环滚动条
谈谈网页设计中的字体应用Font Set
批处理方式实现的目录比较工具
详细介绍MySQL日期和时间函数
ExtJS在Android中的显示效果
Javascript动态创建 style 节点
如何解决Linux操作系统中putty乱码问题
一些收集整理非常不错的JS效果代码
快速导航

Copyright © 2016 phpStudy |