最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

JS使用cookie保存用戶登錄信息操作示例

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:55:48
文檔

JS使用cookie保存用戶登錄信息操作示例

JS使用cookie保存用戶登錄信息操作示例:本文實(shí)例講述了JS使用cookie保存用戶登錄信息。分享給大家供大家參考,具體如下: 通常cookie和session,是web開發(fā)中用于存儲(chǔ)信息的對(duì)象,session存在于服務(wù)器的內(nèi)存中,而cookie則是存在客戶端,所以js可以直接操作cookie進(jìn)行信息的存儲(chǔ)和讀取。 js
推薦度:
導(dǎo)讀JS使用cookie保存用戶登錄信息操作示例:本文實(shí)例講述了JS使用cookie保存用戶登錄信息。分享給大家供大家參考,具體如下: 通常cookie和session,是web開發(fā)中用于存儲(chǔ)信息的對(duì)象,session存在于服務(wù)器的內(nèi)存中,而cookie則是存在客戶端,所以js可以直接操作cookie進(jìn)行信息的存儲(chǔ)和讀取。 js

本文實(shí)例講述了JS使用cookie保存用戶登錄信息。分享給大家供大家參考,具體如下:

通常cookie和session,是web開發(fā)中用于存儲(chǔ)信息的對(duì)象,session存在于服務(wù)器的內(nèi)存中,而cookie則是存在客戶端,所以js可以直接操作cookie進(jìn)行信息的存儲(chǔ)和讀取。

js存放cookie一般的寫法,如:document.cookie="userName=admin";,如果是多個(gè)鍵值對(duì):document.cookie="userName=admin; userPass=123";

下面是js操作cookie保存用戶的登錄信息:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script language="javascript" type="text/javascript">
function addCookie(name,value,days,path){ /**添加設(shè)置cookie**/
 var name = escape(name);
 var value = escape(value);
 var expires = new Date();
 expires.setTime(expires.getTime() + days * 3600000 * 24);
 //path=/,表示cookie能在整個(gè)網(wǎng)站下使用,path=/temp,表示cookie只能在temp目錄下使用
 path = path == "" ? "" : ";path=" + path;
 //GMT(Greenwich Mean Time)是格林尼治平時(shí),現(xiàn)在的標(biāo)準(zhǔn)時(shí)間,協(xié)調(diào)世界時(shí)是UTC
 //參數(shù)days只能是數(shù)字型
 var _expires = (typeof days) == "string" ? "" : ";expires=" + expires.toUTCString();
 document.cookie = name + "=" + value + _expires + path;
}
function getCookieValue(name){ /**獲取cookie的值,根據(jù)cookie的鍵獲取值**/
 //用處理字符串的方式查找到key對(duì)應(yīng)value
 var name = escape(name);
 //讀cookie屬性,這將返回文檔的所有cookie
 var allcookies = document.cookie;
 //查找名為name的cookie的開始位置
 name += "=";
 var pos = allcookies.indexOf(name);
 //如果找到了具有該名字的cookie,那么提取并使用它的值
 if (pos != -1){ //如果pos值為-1則說明搜索"version="失敗
 var start = pos + name.length; //cookie值開始的位置
 var end = allcookies.indexOf(";",start); //從cookie值開始的位置起搜索第一個(gè)";"的位置,即cookie值結(jié)尾的位置
 if (end == -1) end = allcookies.length; //如果end值為-1說明cookie列表里只有一個(gè)cookie
 var value = allcookies.substring(start,end); //提取cookie的值
 return (value); //對(duì)它解碼
 }else{ //搜索失敗,返回空字符串
 return "";
 }
}
function deleteCookie(name,path){ /**根據(jù)cookie的鍵,刪除cookie,其實(shí)就是設(shè)置其失效**/
 var name = escape(name);
 var expires = new Date(0);
 path = path == "" ? "" : ";path=" + path;
 document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;
}
/**實(shí)現(xiàn)功能,保存用戶的登錄信息到cookie中。當(dāng)?shù)卿涰撁姹淮蜷_時(shí),就查詢cookie**/
window.onload = function(){
 var userNameValue = getCookieValue("userName");
 document.getElementById("txtUserName").value = userNameValue;
 var userPassValue = getCookieValue("userPass");
 document.getElementById("txtUserPass").value = userPassValue;
}
function userLogin(){ /**用戶登錄,其中需要判斷是否選擇記住密碼**/
 //簡(jiǎn)單驗(yàn)證一下
 var userName = document.getElementById("txtUserName").value;
 if(userName == ''){
 alert("請(qǐng)輸入用戶名。");
 return;
 }
 var userPass = document.getElementById("txtUserPass").value;
 if(userPass == ''){
 alert("請(qǐng)輸入密碼。");
 return;
 }
 var objChk = document.getElementById("chkRememberPass");
 if(objChk.checked){
 //添加cookie
 addCookie("userName",userName,7,"/");
 addCookie("userPass",userPass,7,"/");
 alert("記住了你的密碼登錄。");
 window.location.;
 }else{
 alert("不記密碼登錄。");
 window.location.;
 }
}
</script>
</head>
<body>
<center>
 <table width="400px" height="180px" cellpadding="0" cellspacing="0" border="1" style="margin-top:100px;">
 <tr>
 <td align="center" colspan="2">歡迎使用XXX管理系統(tǒng)</td>
 </tr>
 <tr>
 <td align="right">
 <label>用戶名:</label>
 </td>
 <td align="left">
 <input type="text" id="txtUserName" name="txtUserName" style="width:160px; margin-left:10px;" />
 </td>
 </tr>
 <tr>
 <td align="right">
 <label>密 碼:</label>
 </td>
 <td align="left">
 <input type="password" id="txtUserPass" name="txtUserPass" style="width:160px; margin-left:10px;" />
 </td>
 </tr>
 <tr>
 <td align="center" colspan="2">
 <span style="font-size:12px; color:blue; vertical-align:middle;">是否記住密碼</span>
 <input type="checkbox" id="chkRememberPass" name="chkRememberPass" style="vertical-align:middle;" />
 </td>
 </tr>
 <tr>
 <td align="center" colspan="2">
 <input type="submit" id="subLogin" name="subLogin" value="登 錄" onclick="userLogin()"/>
 <input type="reset" id="resetLogin" name="resetLogin" value="重 置" />
 </td>
 </tr>
 </table>
</center>
</body>
</html>

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

JS使用cookie保存用戶登錄信息操作示例

JS使用cookie保存用戶登錄信息操作示例:本文實(shí)例講述了JS使用cookie保存用戶登錄信息。分享給大家供大家參考,具體如下: 通常cookie和session,是web開發(fā)中用于存儲(chǔ)信息的對(duì)象,session存在于服務(wù)器的內(nèi)存中,而cookie則是存在客戶端,所以js可以直接操作cookie進(jìn)行信息的存儲(chǔ)和讀取。 js
推薦度:
標(biāo)簽: 保存 登錄 用戶
  • 熱門焦點(diǎn)
專題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!