酸奶薯片

导航

js基础-cookie

cookie

什么是cookie? document.cookie
页面用来保存信息
比如:自动登录 记住用户名 浏览记录等

cookie特性:
1.同一个网站(同一个域名)共享一套cookie
2.数量\大小有限 4k-10k 不超过50条
3.过期时间 (比如:一周内自动登录)

js中使用cookie

读取cookie--->封装cookie

function setCookie(name,value,iDay){
			var oDate=new Date();
			oDate.setDate(oDate.getDate()+iDay)
			document.cookie=name+"="+value+";expires="+oDate;
		}

		setCookie("gender","male",8);

		function getCookie(name){
			var arr=document.cookie.split("; ");
			for(var i=0;i<arr.length;i++){
				var arr2=arr[i].split("=");
				if(arr2[0]==name){
					return arr2[1];
				}
			}
			return '';
		}

		function removeCookie(name){
			setCookie(name,1,-1);//设置过期日-1天
		}

使用cookie

<body>
	<form  id="form"action="http://www.zhinengshe.com">
		<label for="username">用户名:</label>
		<input type="text" name="username"><br>
		<label for="userpass">密码:</label>
		<input type="password" name="userpass"><br>
		<label for="userpass">登录</label>
		<input type="submit" name="signin"><br>
	</form>
	<script>
		var oForm=document.querySelector("#form");
		var sUser=document.getElementsByName("username")[0].value;
		//浏览器自动隐藏了密码的内容
		var sPass=document.getElementsByName("userpass")[0].value;

		oForm.onsubmit=function(){
			setCookie("name",sUser,14);
			setCookie("password",sPass,7);
		}
		sUser=getCookie("name");
		sPass=getCookie("password");
	</script>
</body>

设置cookie

document.cookie="user=blue";
//不会覆盖,而是相当于添加一个cookie
document.cookie="password=124354";
//若是不设置cookie过期时间,那么浏览器关闭,cookie自动清除
// alert(document.cookie);
var oDate=new Date();
oDate.setDate(oDate.getDate()+8);
//设置日期 oDate.setDate(); 
document.cookie="user=bono;expires="+oDate;

posted on 2017-03-03 10:04  酸奶薯片  阅读(100)  评论(0)    收藏  举报