專注Java教育14年
全國(guó)咨詢/投訴熱線：400-8080-105
更新時(shí)間：2021-11-11 08:49:18 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1135次
這篇介紹個(gè)小應(yīng)用來(lái)熟悉cookie的用法
如圖，有一個(gè)輸入框，和兩個(gè)按鈕，用用戶名登陸后，如果沒(méi)刪除，退出頁(yè)面后重新進(jìn)來(lái)會(huì)直接顯示用戶名，這就是運(yùn)用了cookie存儲(chǔ)了用戶名，和我們常見的記住用戶名操作類似
基本結(jié)構(gòu)：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>cookie應(yīng)用</title>
</head>
<body>
<input type="text" id="username"/>
<input type="button" id="login" value="登錄"/>
<input type="button" id="delete" value="刪除"/>
</body>
cookie值設(shè)置部分，注意封裝函數(shù)setCookie和getCookie的運(yùn)用：
<script type="text/javascript">
var user = document.querySelector('#username');
var login = document.querySelector('#login');
var del = document.querySelector('#delete');
if(getCookie('username')){
user.value = getCookie('username');
}
login.onclick = function(){
alert('登陸成功');
setCookie('username',user.value,5);
}
del.onclick = function(){
removeCookie('username');
user.value = '';
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function getCookie(key){
var arr1 = document.cookie.split(';');
for(var i = 0;i< arr1.length;i++){
var arr2 = arr1[i].split('=');
if(arr2[0] == key){
return arr2[1];
}
}
}
function removeCookie(key){
setCookie(key,'',-1);
}
代碼寫完后，驗(yàn)證一下是否成功(對(duì)應(yīng)代碼應(yīng)放在服務(wù)器環(huán)境下運(yùn)行)：
輸入用戶名登錄
退出頁(yè)面，重新進(jìn)入：
點(diǎn)擊刪除按鈕
以上就是關(guān)于“Cookie使用案例”的介紹，如果您想了解更多相關(guān)知識(shí)，不妨來(lái)關(guān)注一下動(dòng)力節(jié)點(diǎn)的Java在線學(xué)習(xí)，里面有更多的課程可以去學(xué)習(xí)，希望對(duì)大家能夠有所幫助。
Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年，加薪神器
Java架構(gòu)師班
工作3~5年，晉升架構(gòu)
提交申請(qǐng)后，顧問(wèn)老師會(huì)電話與您溝通安排學(xué)習(xí)
京公網(wǎng)安備 11030102010736號(hào)