JavaScript 利用Cookie記錄用戶登錄信息

2019-11-21 00:55:39

字體：大中小

來源：轉載

供稿：網友

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> 