js＋cookies

最新推荐文章于 2023-03-17 08:12:59 发布

cpf1985

最新推荐文章于 2023-03-17 08:12:59 发布

阅读量70

点赞数

分类专栏： javascript 文章标签：浏览器

本文链接：https://blog.csdn.net/cpf1985/article/details/83442550

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title> 浏览器端Cookie Demo </title>
		<script language="javascript">

			var flag = true; //假设用户已经登陆过 Cookie信息仍然存在

			//设置浏览器端Cookie信息
			function setCookie(key,value,minute){
				var dt = new Date();  //当前时间
				dt.setMinutes(dt.getMinutes()+minute); //当期分钟加上要保留的分钟数
				document.cookie = key+"="+escape(value)+";expires="+dt.toGMTString();
			}

			//得到Cookie
			function getUserCookie(userName){
				//浏览器端的cookie长度
				if(document.cookie.length>0){
					//通过用户名找到cookie键值对位置 例如 name=simon
					var startindex =  document.cookie.indexOf(userName+"=");  //起始位置
					var endindex ;  //cookie字符串结束位置
					if(startindex!=-1){
						startindex = startindex+userName.length+1;  //等号后的字符串为用户名称
						endindex = document.cookie.indexOf(";",startindex); //分号结束

						if(endindex==-1){  //如果没有分号 就是一个cookie
							endindex = document.cookie.length;
						}
						//取得cookie字符串 并且实施解码
						var name = unescape(document.cookie.substring(startindex,endindex));
						return name;
					}
				}else{
					return "";
				}
			}
			//检查这个用户以前是否登录过
			function checkLoginUser(){
				var userName = getUserCookie('loginname'); //查询浏览器端是否存储 loginname这个cookie键
				var objLbl = document.getElementById("lblInfo");
				//对象存在 且不为空
				if(userName!=null && userName!=""){
					flag = true;
					objLbl.innerHTML="<font color='red'>"+userName+",欢迎回来！</font>";
				}else{
					flag = false;
					objLbl.innerHTML="<font color='red'>请用户登录 !</font>";
				}
			}

			//登录验证并保存cookie信息
			function loginSite(){
				if(flag){  
					return;
				}else{
					var objName = document.getElementById("name");
					var objPwd = document.getElementById("password");
					if(objName.value!="simon" && objPwd.value!="simon"){
						alert("用户或密码不正确！");
					}else{
						//设置Cookie
						setCookie("loginname",objName.value,1);  //1分钟
						alert("登录成功");

					}
				}
			}


		</script>
	</head>
<body onLoad="checkLoginUser()">
	<form action="#" method="post" >

		<label id="lblInfo">请用户登录 !</label>
		Name: <input type="text" id="name" >  
		Password: <input type="password" id="password">
		<input type="button" value="Login in" onClick="loginSite()"> 
	</form>
</body>
</html>

cpf1985

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js＋cookies

[code="java"] 浏览器端Cookie Demo var flag = true; //假设用户已经登陆过 Cookie信息仍然存在 //设置浏览器端Cookie信息 function setCookie(key,value,minute){ var dt = new Date(); //当前时间 ...
复制链接

扫一扫

专栏目录