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表单提交的代码
   });