JavaScript 利用Cookie記錄用戶登錄信息
更新時(shí)間：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>
您可能感興趣的文章:
- javascript記住用戶名和登錄密碼（兩種方式）
- JSP實(shí)現(xiàn)用戶登錄、注冊(cè)和退出功能
- JSP實(shí)現(xiàn)簡(jiǎn)單的用戶登錄并顯示出用戶信息的方法
- javascript和jquery實(shí)現(xiàn)用戶登錄驗(yàn)證
- Javascript實(shí)現(xiàn)登錄記住用戶名和密碼功能
- vue.js實(shí)現(xiàn)用戶評(píng)論、登錄、注冊(cè)、及修改信息功能
- jquery.cookie.js實(shí)現(xiàn)用戶登錄保存密碼功能的方法
- Node.js+Express+MySql實(shí)現(xiàn)用戶登錄注冊(cè)功能
- js實(shí)現(xiàn)ajax的用戶簡(jiǎn)單登入功能
相關(guān)文章
本篇文章主要是介紹了微信小程序-微信登陸、微信支付、模板消息，具有一定的參考價(jià)值，有需要的可以了解一下。2016-11-11
寫的一段拖動(dòng)對(duì)象的代碼...2007-01-01
因?yàn)镴avaScript具有自動(dòng)垃圾回收機(jī)制，所以對(duì)于前端開發(fā)來說，內(nèi)存空間并不是一個(gè)經(jīng)常被提及的概念。特別是很多不是計(jì)算機(jī)專業(yè)的朋友在進(jìn)入到前端之后，會(huì)對(duì)內(nèi)存空間的認(rèn)知比較模糊，甚至有些人干脆就是一無所知。為了解決大家的疑惑，本文將詳細(xì)介紹JS內(nèi)存空間2021-06-06
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap Table使用方法，具有一定的實(shí)用性和參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
使用JS實(shí)現(xiàn)圖片展示瀑布流效果的實(shí)例代碼
下面小編就為大家?guī)硪黄褂肑S實(shí)現(xiàn)圖片展示瀑布流效果的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
JS常用正則表達(dá)式總結(jié)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
如何實(shí)現(xiàn)瀏覽器上的右鍵菜單...2006-07-07
這篇文章主要介紹了JavaScript cookie 跨域訪問之廣告推廣 的相關(guān)資料,需要的朋友可以參考下2016-04-04
這節(jié)實(shí)驗(yàn)我們將使用?HTML、CSS?和?JavaScript?構(gòu)建一個(gè)骰子游戲。設(shè)置兩名玩家(一個(gè)人玩也行)然后擲骰子，獲得更高點(diǎn)數(shù)的玩家將贏得游戲，感興趣的可以了解一下2022-04-04
這篇文章主要介紹了記錄一次開發(fā)微信網(wǎng)頁分享的步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05