简单操作 Cookie 注册登录

最新推荐文章于 2024-03-14 10:50:47 发布

yueloveme

最新推荐文章于 2024-03-14 10:50:47 发布

阅读量2.3w

点赞数 3

分类专栏： JAVA

本文链接：https://blog.csdn.net/yueloveme/article/details/77455649

版权

JAVA 专栏收录该内容

110 篇文章 0 订阅

订阅专栏

给大家推荐个靠谱的公众号程序员探索之路，大家一起加油

注意：现在一般来说浏览器都会禁止访问Cookie 建议在IE浏览器上操作

<!DOCTYPE html>
<html>
  <head>
    <title>Main.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
		//将用户名 密码  有效期存储到cookie中
		function setCookie(name,value,days){
			var date = new Date();
			date.setDate(date.getDate() + days);
			if(getCookie(name).length < 0){
				document.cookie=name+"="+escape(value)+";"+((days==null)?"":"dates="+date.toGMTString());
				return true;
			}else{
				return false;
			}
			
		}
		//cookie中 存储是按照键值对 存储的  
		//根据name获取对应的值
		function getCookie(name){
			if(document.cookie.length > 0){
				var start = document.cookie.indexOf(name + "=");
				var end = -1;
				if(start != -1){
					start = start + name.length + 1;
					end = document.cookie.indexOf(";" , start);
					if(end == -1){
						end = document.cookie.length;
					}
					return document.cookie.substring(start , end);
				}
			}
			
		}
		//注册功能
		function register(){
			var name = document.getElementById("name1").value;
			var password = document.getElementById("password").value;
			if(setCookie(name, password, 365)){
				document.getElementById("name1").value="";
				document.getElementById("password").value="";
				alert("注册成功");
			}else{
				alert("注册失败!" + "该用户已存在！");
			}
		}
		//登录功能
		function login(){
			var name = document.getElementById("name1").value;
			var password = document.getElementById("password").value;
			if(getCookie(name) == password){
				alert("登录成功");
				document.getElementById("name1").value="";
				document.getElementById("password").value="";
			}else{
				alert("登录失败" + "用户名或者密码错误");
			}
		}
		function show(){
			if(document.cookie.length <= 0){
				document.getElementById("div").innerHTML="没有内容";
			}else{
				document.getElementById("div").innerHTML=document.cookie;
			}
		}
	</script>
  </head>
  
  <body>
  	用户名:<input id="name1" type="text"/><br>
  	    密码:<input id="password" type="password"/><br>
    <input type="button" value="登录" onclick="login()"/>
    <input type="button" value="注册" onclick="register()"/>
    <input type="button" value="显示" onclick="show()">
    <div id="div"></div>
  </body>
</html>

yueloveme

关注

3
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
简单操作 Cookie 注册登录

给大家推荐个靠谱的公众号程序员探索之路，大家一起加油注意：现在一般来说浏览器都会禁止访问Cookie 建议在IE浏览器上操作&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;Main.html&lt;/title&gt; &lt;meta http-equiv="keywords" ..
复制链接

扫一扫