首页 > 代码库 > JavaScript 使用Document记录cookie

JavaScript 使用Document记录cookie

cookie对于我们使用者来说,有时帮助还是挺大的,比如对于一些不是特别重要的网站,比如公司的测试平台,每次登陆都要手动输入用户名和密码

很繁琐。所以为了更少的引入其它框架,就直接使用js在登陆的页面中写一个记录用户名和密码的代码。而且不用在前台显示是否记住密码

直接在首次登陆后直接把用户名和密码记住即可。

<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 = http://www.mamicode.com/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 = http://www.mamicode.com/cookie.substring(name.length+2,>
  //由于平台有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表单提交的代码
   });


JavaScript 使用Document记录cookie