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