用cookie實(shí)現(xiàn)登錄密碼保存
來源:程序員人生 發(fā)布時(shí)間:2014-10-14 02:49:46 閱讀次數(shù):3073次
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);
-
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
------分隔線----------------------------
------分隔線----------------------------