js使用cookie記錄用戶名的方法
更新時(shí)間：2015年11月26日 12:13:34 作者：yexingwen
這篇文章主要介紹了js使用cookie記錄用戶名的方法,通過完整實(shí)例形式分析了JavaScript針對(duì)cookie的創(chuàng)建、賦值及刪除等操作技巧,以及通過cookie記錄用戶登錄信息的方法,需要的朋友可以參考下
本文實(shí)例講述了js使用cookie記錄用戶名的方法。分享給大家供大家參考，具體如下：
cookie思路：當(dāng)點(diǎn)擊登錄按鈕時(shí)，把cookie存起來，再次訪問的時(shí)候就讀取cookie，即把txt的value設(shè)置之前存起來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>
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay); //用來設(shè)置過期時(shí)間用的，獲取當(dāng)前時(shí)間加上傳進(jìn)來的iDay就是過期時(shí)間
document.cookie=name+'='+value+';expires='+oDate;
};
function getCookie(name)
{
var arr=document.cookie.split('; '); //多個(gè)cookie值是以; 分隔的，用split把cookie分割開并賦值給數(shù)組
for(var i=0;i<arr[i].length;i++) //歷遍數(shù)組
{
var arr2=arr[i].split('='); //原來割好的數(shù)組是：user=simon，再用split('=')分割成：user simon 這樣可以通過arr2[0] arr2[1]來分別獲取user和simon
if(arr2[0]==name) //如果數(shù)組的屬性名等于傳進(jìn)來的name
{
return arr2[1]; //就返回屬性名對(duì)應(yīng)的值
}
return ''; //沒找到就返回空
}
};
function removeCookie(name)
{
setCookie(name, 1, -1); //-1就是告訴系統(tǒng)已經(jīng)過期，系統(tǒng)就會(huì)立刻去刪除cookie
};
window.onload=function()
{
var form=document.getElementById('form');
var user=document.getElementsByName('user')[0];
form.onsubmit=function()
{
setCookie('user', user.value, 14);
};
user.value=getCookie('user');
};
</script>
</head>
<body>
<form action="" id="form">
用戶名：<input type="text" name="user" /><br />
密碼：<input type="password" name="pass" /><br />
<input type="submit" value="登錄" />
</form>
</body>
</html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
H5頁面跳轉(zhuǎn)小程序的3種實(shí)現(xiàn)方式
這篇文章主要給大家介紹了關(guān)于H5頁面跳轉(zhuǎn)小程序的3種實(shí)現(xiàn)方式,說出來你可能不信,每位商家?guī)缀醵紩?huì)h5轉(zhuǎn)跳到小程序、H5轉(zhuǎn)跳至小程序的應(yīng)用范圍十分廣闊,需要的朋友可以參考下2023-08-08
JavaScript中for...in、for...of和for await...of迭代方式
方法2023-04-04
js判斷一點(diǎn)是否在一個(gè)三角形內(nèi)
判斷一個(gè)點(diǎn)是否在一個(gè)三角行內(nèi)的代碼2008-02-02
初學(xué)js插入節(jié)點(diǎn)appendChild insertBefore使用方法
由于可見insertBefore()方法的特性是在已有的子節(jié)點(diǎn)前面插入新的節(jié)點(diǎn)但是兩種情況結(jié)合起來發(fā)現(xiàn)insertBefore()方法插入節(jié)點(diǎn)，是可以在子節(jié)點(diǎn)列表的任意位置。2011-07-07
經(jīng)過一番思考，到底怎么解決導(dǎo)包而且是異步的方式，最后得出一個(gè)解決方案。先來看一下采用這個(gè)方案后的編程方式2012-08-08
javaScript window.event.keyCode 集合與測(cè)試方法
javaScript window.event.keyCode 集合，對(duì)于事件的代碼獲取可以用腳本監(jiān)聽來實(shí)現(xiàn)。2010-05-05
Bootstrap簡(jiǎn)單實(shí)用的表單驗(yàn)證插件BootstrapValidator用法實(shí)例詳解
這篇文章主要介紹了Bootstrap簡(jiǎn)單實(shí)用的表單驗(yàn)證插件BootstrapValidator用法,結(jié)合實(shí)例形式詳細(xì)分析了Bootstrap表單驗(yàn)證插件BootstrapValidator基本功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
antd項(xiàng)目實(shí)現(xiàn)彩蛋效果的詳細(xì)代碼
這篇文章主要介紹了antd項(xiàng)目如何實(shí)現(xiàn)彩蛋效果,首先在components目錄下創(chuàng)建Transform目錄，包括index.css、index.js，index.js是主要的邏輯代碼，下面對(duì)代碼進(jìn)行分析，需要的朋友可以參考下2022-09-09
JS獲取圖片實(shí)際寬高及根據(jù)圖片大小進(jìn)行自適應(yīng)
圖片實(shí)際寬高使用js進(jìn)行獲取以及根據(jù)圖片大小進(jìn)行自適應(yīng)，此功能個(gè)人感覺比較實(shí)用，在此貢獻(xiàn)出來，希望對(duì)大家有所幫助2013-08-08
這篇文章主要介紹了JS中常用的正則表達(dá)式，都是我日常收集整理的，包括電話驗(yàn)證，數(shù)字驗(yàn)證，車牌號(hào)碼驗(yàn)證，身份證號(hào)驗(yàn)證包括15位18位身份證驗(yàn)證，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09