JavaScript 利用Cookie记录用户登录信息
JavaScript 利用Cookie记录用户登录信息
发布时间:2016-12-30 来源:查字典编辑
摘要:Html代码:复制代码代码如下:UntitledDocumentUserName:Password:Js代码:复制代码代码如下:functi...

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教程学习
编程开发子分类