JavaScript 利用Cookie記錄用戶登錄信息
更新時間：2009年12月08日 00:48:31 作者：
JavaScript與Cookie之利用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>
復(fù)制代碼 代碼如下:
<!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代碼：
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
棧內(nèi)存主要用于存儲各種基本類型的變量，包括Boolean、Number、String、Undefined、Null，以及對象變量的指針（地址值），這篇文章主要介紹了JS堆棧內(nèi)存的運行機(jī)制,需要的朋友可以參考下2022-06-06
GWT中復(fù)制到剪貼板 js+flash實現(xiàn)復(fù)制 兼容性比較好
今天看到有個Google Code的項目，叫ZeroClipboard，大意是使用flash作為媒介，將內(nèi)容復(fù)制到剪貼板。這比用純javascript好，因為不同瀏覽器會出于安全的原因，有不同反應(yīng)，例如IE會給出提示，有的瀏覽器不支持復(fù)制到剪貼板。2010-03-03
這篇文章主要介紹了JS定時器用法,結(jié)合時鐘與菜單中的應(yīng)用分析了JS中setInterval與setTimeout操作時間的相關(guān)技巧,需要的朋友可以參考下2016-12-12
最近在寫插件的過程中，需要使用 JS 判斷是否有滾動條，搜了一下，大致方法都差不多，但都有些啰嗦，代碼不夠簡潔。最終通過參考不同方法，寫了一個比較簡單的方法2018-04-04
眾所周知JavaScript中有多種方法可以合并對象,下面這篇文章主要給大家介紹了關(guān)于javaScript合并對象的多種方式及知識擴(kuò)展,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
這篇文章主要介紹了webpack獨立打包和緩存處理的相關(guān)資料，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)webpack具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-04-04
主要的區(qū)別是有返回值，一般sub是用來調(diào)用大量的內(nèi)容的時候用sub，對于需要計算并需要返回值的時候用function，多用function定義函數(shù)。2011-01-01
JavaScript如何調(diào)試有哪些建議和技巧附五款有用的調(diào)試工具
這篇文章給大家介紹javascript如何調(diào)試有哪些建議和技巧，涉及到j(luò)avascript調(diào)試方法相關(guān)知識，對javascript調(diào)試方法感興趣的朋友可以參考下本篇文章2015-10-10
Javascript學(xué)習(xí)筆記-詳解in運算符
in運算符是javascript語言中比較特殊的一個，可以單獨使用作為判斷運算符，也常被用于for...in循環(huán)中遍歷對象屬性2011-09-09
微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07