JavaScript 使用Document记录cookie

cookie对于我们使用者来说，有时帮助还是挺大的，比方对于一些不是特别重要的站点，比方公司的測试平台，每次登陆都要手动输入username和password

非常繁琐。所以为了更少的引入其他框架，就直接使用js在登陆的页面中写一个记录username和password的代码。

并且不用在前台显示是否记住password

直接在首次登陆后直接把username和password记住就可以。

<script language="javascript">
function login() {
//TODO一些表单提交推断的代码
remberPwd();
}

function remberPwd() {
var date=new Date();
var expiresDays=10;
//将date设置为10天以后的时间
date.setTime(date.getTime()+expiresDays*24*3600*1000);
//将userName和password两个cookie设置为10天后过期
document.cookie="userName=admin; expires="+date.toGMTString();
document.cookie="password=12345; expires="+date.toGMTString();
}

依据Cookie的key获取Value相似于Java中的Map

function getCookie(name) {
var cookieValue = null;//返回cookie的value值 

//cookie 是一个字符串使用分号隔开

var cookieArray = document.cookie;//获取cookie字符串
if (cookieArray!=null && cookieArray != '') {
var cookies = cookieArray.split(';');//将获得的全部cookie分割成数组
for ( var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];//得到某下标的cookies数组
var nt = cookie.substring(0, name.length+1);
if (nt.indexOf(name)!=-1) {//假设存在该cookie的话就将cookie的值拿出来
cookieValue = cookie.substring(name.length+2,
cookie.length);
break
}
}
}
return cookieValue;
} 

//因为平台有jquery所以就直接使用了
$(function(){
<span style="white-space:pre">	</span>var name = getCookie("userName");
<span style="white-space:pre">	</span>if(name == null) return;
<span style="white-space:pre">	</span>var pwd = getCookie("password");
<span style="white-space:pre">	</span>if(pwd == null) return;
<span style="white-space:pre">	</span>//TODO表单提交的代码
});